Array in Objekt abbilden

Beginner

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

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:

  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.