Array in Objekt abbilden

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.

Skills Graph

Array in Objekt abbilden

Um die Werte eines Arrays mithilfe einer Funktion in ein Objekt abzubilden, führen Sie die folgenden Schritte aus:

1. Öffnen Sie das Terminal/SSH und geben Sie node ein, um die Code-Praxis zu starten.
2. Verwenden Sie Array.prototype.reduce(), um fn auf jedes Element in arr anzuwenden und die Ergebnisse zu einem Objekt zu kombinieren.
3. Verwenden Sie el als Schlüssel für jede Eigenschaft und das Ergebnis von fn als 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.