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:
- Öffnen Sie das Terminal/SSH und geben Sie
nodeein, um mit der Code-Praxis zu beginnen. - Verwenden Sie
Object.keys(), um über die Schlüssel des Objekts zu iterieren. - 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.