Objekt-Schlüssel abbilden

Beginner

This tutorial is from open-source community. Access the source code

Einführung

In diesem Lab werden wir untersuchen, wie man die Schlüssel eines Objekts mithilfe einer bereitgestellten Funktion abbildet und ein neues Objekt erzeugt. Wir werden Object.keys() verwenden, um über die Schlüssel des Objekts zu iterieren, und Array.prototype.reduce(), um ein neues Objekt mit denselben Werten und abgebildeten Schlüsseln mithilfe der bereitgestellten Funktion zu erstellen. Am Ende dieses Labs werden Sie eine solide Vorstellung davon haben, wie man die Schlüssel eines Objekts mit JavaScript transformiert.

Funktion zum Abbilden von Objekt-Schlüsseln

Um die Schlüssel eines Objekts mithilfe einer bereitgestellten Funktion abzubilden und ein neues Objekt zu erzeugen, folgen Sie diesen Schritten:

  1. Öffnen Sie das Terminal/SSH und geben Sie node ein, um mit der Code-Praxis zu beginnen.
  2. Verwenden Sie Object.keys(), um über die Schlüssel des Objekts zu iterieren.
  3. Verwenden Sie Array.prototype.reduce(), um ein neues Objekt mit denselben Werten und abgebildeten Schlüsseln mithilfe der bereitgestellten Funktion (fn) zu erstellen.

Hier ist eine Beispiel-Implementierung der mapKeys-Funktion:

const mapKeys = (obj, fn) =>
  Object.keys(obj).reduce((acc, k) => {
    acc[fn(obj[k], k, obj)] = obj[k];
    return acc;
  }, {});

Sie können die Funktion mit einem Beispiel-Eingabe wie dieser testen:

mapKeys({ a: 1, b: 2 }, (val, key) => key + val); // { a1: 1, b2: 2 }

Zusammenfassung

Herzlichen Glückwunsch! Sie haben das Lab "Map Object Keys" abgeschlossen. Sie können in LabEx weitere Labs absolvieren, um Ihre Fähigkeiten zu verbessern.