JavaScript 2D Array

Harshit Jindal 12 Oktober 2023
  1. Array-Konstruktor zum Erstellen eines 2D-Arrays in JavaScript
  2. Array-Literal-Begriff zum Erstellen eines 2D-Arrays in JavaScript
  3. Die Methode Array.from() zum Erstellen eines 2D-Arrays in JavaScript
  4. Die Methode Array.prototype.map() zum Erstellen eines 2D-Arrays in JavaScript
JavaScript 2D Array

In diesem Tutorial wird erläutert, wie Sie ein zweidimensionales Array in JavaScript deklarieren. In einem zweidimensionalen Array sind die Elemente als Matrix in Form von Zeilen und Spalten organisiert. Es ist wie ein Array, dessen Elemente eindimensionale Arrays sind.

Array-Konstruktor zum Erstellen eines 2D-Arrays in JavaScript

Wir verwenden den Array-Konstruktor, um ein leeres Array der angegebenen Länge zu erstellen. Wir können dann eine for-Schleife verwenden, um ein Array für jedes Element zu erstellen.

const m = 4;
const n = 5;

let arr = new Array(m);

for (var i = 0; i < m; i++) {
  arr[i] = new Array(n);
}

console.log(arr);

Ausgabe:

Array [ [ null, null, null, null, null ], [ null, null, null, null, null ], [ null, null, null, null, null ], [ null, null, null, null, null ] ]

Array-Literal-Begriff zum Erstellen eines 2D-Arrays in JavaScript

Wir können die Literalnotationsmethode verwenden, um 2D-Arrays in JavaScript zu erstellen.

const m = 4;
const n = 5;
let arr = [];

for (var i = 0; i < m; i++) {
  arr[i] = [];
}

console.log(arr);

Ausgabe:

Array [ [], [], [], [] ]

Die Methode Array.from() zum Erstellen eines 2D-Arrays in JavaScript

Die Methode Array.from() gibt ein Array-Objekt von einem beliebigen JavaScript-Objekt zurück.

const m = 4;
const n = 5;

let arr = Array.from(Array(m), () => new Array(n));

console.log(arr);

Ausgabe:

Array [ [ null, null, null, null, null ], [ null, null, null, null, null ], [ null, null, null, null, null ], [ null, null, null, null, null ] ]

Die Methode Array.prototype.map() zum Erstellen eines 2D-Arrays in JavaScript

Die Methode Array.map() hilft auch beim Erstellen eines 2D-Arrays, indem Array-Elemente einem leeren Array zugeordnet werden.

const m = 4;
const n = 5;
let arr = Array(m).fill().map(() => Array(n));
console.log(arr);

Ausgabe:

Array [ [ null, null, null, null, null ], [ null, null, null, null, null ], [ null, null, null, null, null ], [ null, null, null, null, null ] ]
Harshit Jindal avatar Harshit Jindal avatar

Harshit Jindal has done his Bachelors in Computer Science Engineering(2021) from DTU. He has always been a problem solver and now turned that into his profession. Currently working at M365 Cloud Security team(Torus) on Cloud Security Services and Datacenter Buildout Automation.

LinkedIn

Verwandter Artikel - JavaScript Array