Arrayelemente aufspalten

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 untersuchen, wie man in JavaScript Elemente in einem Array von Arrays aufspaltet. Wir werden eine Kombination von eingebauten JavaScript-Funktionen wie reduce, map und forEach verwenden, um einzelne Arrays aus einem einzelnen Array von Arrays zu extrahieren. Am Ende dieses Labs werden Sie eine solide Vorstellung davon haben, wie man in JavaScript Arrays manipulieren kann, um das gewünschte Ergebnis zu erzielen.


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/spread_rest("Spread and Rest Operators") subgraph Lab Skills javascript/variables -.-> lab-28681{{"Arrayelemente aufspalten"}} javascript/data_types -.-> lab-28681{{"Arrayelemente aufspalten"}} javascript/arith_ops -.-> lab-28681{{"Arrayelemente aufspalten"}} javascript/comp_ops -.-> lab-28681{{"Arrayelemente aufspalten"}} javascript/array_methods -.-> lab-28681{{"Arrayelemente aufspalten"}} javascript/higher_funcs -.-> lab-28681{{"Arrayelemente aufspalten"}} javascript/spread_rest -.-> lab-28681{{"Arrayelemente aufspalten"}} end

Wie man in JavaScript Arrayelemente aufspaltet

Um die Elemente in einem Array, das von der zip-Funktion erzeugt wurde, aufzuspalten, kann man ein Array von Arrays mit der unzip-Funktion in JavaScript erstellen. Hier ist wie:

  1. Öffnen Sie das Terminal/SSH und geben Sie node ein, um mit der Codeausführung zu beginnen.
  2. Verwenden Sie Math.max(), Function.prototype.apply(), um das längste Unterarray im Array zu erhalten, und Array.prototype.map(), um jedes Element zu einem Array zu machen.
  3. Verwenden Sie Array.prototype.reduce() und Array.prototype.forEach(), um gruppierte Werte auf einzelne Arrays zuzuordnen.

Hier ist der Code für die unzip-Funktion:

const unzip = (arr) =>
  arr.reduce(
    (acc, val) => (val.forEach((v, i) => acc[i].push(v)), acc),
    Array.from({
      length: Math.max(...arr.map((x) => x.length))
    }).map((x) => [])
  );

Sie können die unzip-Funktion mit den folgenden Beispielen verwenden:

unzip([
  ["a", 1, true],
  ["b", 2, false]
]); // [['a', 'b'], [1, 2], [true, false]]
unzip([
  ["a", 1, true],
  ["b", 2]
]); // [['a', 'b'], [1, 2], [true]]

Indem Sie diese Schritte befolgen, können Sie in JavaScript leicht Arrayelemente aufspalten.

Zusammenfassung

Herzlichen Glückwunsch! Sie haben das Lab "Arrayelemente aufspalten" abgeschlossen. Sie können in LabEx weitere Labs absolvieren, um Ihre Fähigkeiten zu verbessern.