2D-Array initialisieren

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 ein 2D-Array initialisiert. Wir werden die Methoden Array.from() und Array.prototype.map() verwenden, um ein Array mit einer angegebenen Breite und Höhe zu erstellen und es mit einem bestimmten Wert zu füllen. Dieses Lab wird eine praktische Erfahrung beim Umgang mit 2D-Arrays und dem Verständnis ihrer Implementierung in JavaScript bieten.


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/destr_assign("Destructuring Assignment") subgraph Lab Skills javascript/variables -.-> lab-28390{{"2D-Array initialisieren"}} javascript/data_types -.-> lab-28390{{"2D-Array initialisieren"}} javascript/arith_ops -.-> lab-28390{{"2D-Array initialisieren"}} javascript/comp_ops -.-> lab-28390{{"2D-Array initialisieren"}} javascript/higher_funcs -.-> lab-28390{{"2D-Array initialisieren"}} javascript/destr_assign -.-> lab-28390{{"2D-Array initialisieren"}} end

Initialisieren eines 2D-Arrays in JavaScript

Um in JavaScript ein 2D-Array zu initialisieren, kannst du folgenden Code verwenden:

const initialize2DArray = (width, height, value = null) => {
  return Array.from({ length: height }).map(() =>
    Array.from({ length: width }).fill(value)
  );
};

Dieser Code verwendet Array.from() und Array.prototype.map(), um ein Array mit height Zeilen zu erstellen, wobei jede Zeile ein neues Array der Länge width ist. Außerdem verwendet er Array.prototype.fill(), um alle Elemente im Array auf den value-Parameter zu setzen. Wenn kein value angegeben wird, standardmäßig auf null.

Du kannst die Funktion wie folgt aufrufen:

initialize2DArray(2, 2, 0); // [[0, 0], [0, 0]]

Dies erstellt ein 2D-Array mit einer Breite von 2, einer Höhe von 2 und allen Werten auf 0 gesetzt.

Zusammenfassung

Herzlichen Glückwunsch! Du hast das Lab "Initialisiere 2D-Array" abgeschlossen. Du kannst in LabEx weitere Labs ausprobieren, um deine Fähigkeiten zu verbessern.