Einführung
In diesem Lab werden wir lernen, wie wir die Werte eines Arrays mithilfe einer Funktion in JavaScript in ein Objekt abbilden. Das Lab führt Sie durch den Prozess der Verwendung von Array.prototype.reduce(), um eine Funktion auf jedes Element eines Arrays anzuwenden und die Ergebnisse zu einem Objekt zu kombinieren. Sie werden auch lernen, wie Sie das Element als Schlüssel und das Ergebnis der Funktion als Wert für jede Eigenschaft verwenden.
Array in Objekt abbilden
Um die Werte eines Arrays mithilfe einer Funktion in ein Objekt abzubilden, führen Sie die folgenden Schritte aus:
- Öffnen Sie das Terminal/SSH und geben Sie
nodeein, um die Code-Praxis zu starten. - Verwenden Sie
Array.prototype.reduce(), umfnauf jedes Element inarranzuwenden und die Ergebnisse zu einem Objekt zu kombinieren. - Verwenden Sie
elals Schlüssel für jede Eigenschaft und das Ergebnis vonfnals Wert.
Hier ist ein Beispiel-Codeausschnitt:
const mapObject = (arr, fn) =>
arr.reduce((acc, el, i) => {
acc[el] = fn(el, i, arr);
return acc;
}, {});
Sie können die mapObject-Funktion wie in diesem Beispiel verwenden:
mapObject([1, 2, 3], (a) => a * a); // { 1: 1, 2: 4, 3: 9 }
Zusammenfassung
Herzlichen Glückwunsch! Sie haben das Lab Array in Objekt abbilden abgeschlossen. Sie können in LabEx weitere Labs ausprobieren, um Ihre Fähigkeiten zu verbessern.