Array in Objekt abbilden

JavaScriptJavaScriptBeginner
Jetzt üben

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

💡 Dieser Artikel wurde von AI-Assistenten übersetzt. Um die englische Version anzuzeigen, können Sie hier klicken

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

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript(("JavaScript")) -.-> javascript/AdvancedConceptsGroup(["Advanced Concepts"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/arith_ops("Arithmetic Operators") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") javascript/BasicConceptsGroup -.-> javascript/array_methods("Array Methods") javascript/AdvancedConceptsGroup -.-> javascript/higher_funcs("Higher-Order Functions") javascript/AdvancedConceptsGroup -.-> javascript/destr_assign("Destructuring Assignment") subgraph Lab Skills javascript/variables -.-> lab-28478{{"Array in Objekt abbilden"}} javascript/data_types -.-> lab-28478{{"Array in Objekt abbilden"}} javascript/arith_ops -.-> lab-28478{{"Array in Objekt abbilden"}} javascript/comp_ops -.-> lab-28478{{"Array in Objekt abbilden"}} javascript/array_methods -.-> lab-28478{{"Array in Objekt abbilden"}} javascript/higher_funcs -.-> lab-28478{{"Array in Objekt abbilden"}} javascript/destr_assign -.-> lab-28478{{"Array in Objekt abbilden"}} end

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.