Das Meistern der tiefen Flachung in JavaScript

Einführung

In diesem Lab werden wir untersuchen, wie man in JavaScript ein Array tiefflacht. Wir werden Rekursion und die Array.prototype.concat()-Methode zusammen mit dem Spread-Operator verwenden, um ein Array zu flachten. Am Ende des Labs sollten Sie in der Lage sein, eine Funktion zu schreiben, die ein Array beliebiger Tiefe tiefflachen kann.

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/AdvancedConceptsGroup -.-> javascript/higher_funcs("Higher-Order Functions") javascript/AdvancedConceptsGroup -.-> javascript/spread_rest("Spread and Rest Operators") subgraph Lab Skills javascript/variables -.-> lab-28262{{"Array tief flachen"}} javascript/data_types -.-> lab-28262{{"Array tief flachen"}} javascript/arith_ops -.-> lab-28262{{"Array tief flachen"}} javascript/comp_ops -.-> lab-28262{{"Array tief flachen"}} javascript/higher_funcs -.-> lab-28262{{"Array tief flachen"}} javascript/spread_rest -.-> lab-28262{{"Array tief flachen"}} end

Wie man in JavaScript ein Array mit Rekursion tiefflacht

Um in JavaScript ein Array tiefflacht, folgen Sie diesen Schritten:

Öffnen Sie das Terminal/SSH und geben Sie node ein, um mit der Codeausführung zu beginnen.
Verwenden Sie Rekursion, um das Array zu flachen.
Verwenden Sie die Array.prototype.concat()-Methode mit einem leeren Array ([]) und dem Spread-Operator (...), um das Array zu flachen.
Flachen Sie jedes Element, das ein Array ist, rekursiv.
Implementieren Sie folgenden Code:

const deepFlatten = (arr) =>
  [].concat(...arr.map((v) => (Array.isArray(v) ? deepFlatten(v) : v)));

deepFlatten([1, [2], [[3], 4], 5]); // [1, 2, 3, 4, 5]

Indem Sie diesen Schritten folgen, können Sie mit Hilfe von Rekursion in JavaScript leicht ein Array tiefflachen.

Zusammenfassung

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