In diesem Tutorial lernen Sie anhand von Beispielen mehrdimensionale JavaScript-Arrays kennen.
Ein mehrdimensionales Array ist ein Array, das ein anderes Array enthält. Beispielsweise,
// multidimensional array const data = ((1, 2, 3), (1, 3, 4), (4, 5, 6));
Erstellen Sie ein mehrdimensionales Array
So können Sie mehrdimensionale Arrays in JavaScript erstellen.
Beispiel 1
let studentsData = (('Jack', 24), ('Sara', 23), ('Peter', 24));
Beispiel 2
let student1 = ('Jack', 24); let student2 = ('Sara', 23); let student3 = ('Peter', 24); // multidimensional array let studentsData = (student1, student2, student3);
Hier erstellen sowohl Beispiel 1 als auch Beispiel 2 ein mehrdimensionales Array mit denselben Daten.
Zugriff auf Elemente eines Arrays
Sie können mithilfe von Indizes (0, 1, 2…) auf die Elemente eines mehrdimensionalen Arrays zugreifen . Beispielsweise,
let x = ( ('Jack', 24), ('Sara', 23), ('Peter', 24) ); // access the first item console.log(x(0)); // ("Jack", 24) // access the first item of the first inner array console.log(x(0)(0)); // Jack // access the second item of the third inner array console.log(x(2)(1)); // 24
Sie können sich ein mehrdimensionales Array (in diesem Fall x) als eine Tabelle mit 3 Zeilen und 2 Spalten vorstellen.
Zugriff auf mehrdimensionale Array-Elemente
Fügen Sie einem mehrdimensionalen Array ein Element hinzu
Sie können die push () -Methode des Arrays oder eine Indexnotation verwenden, um einem mehrdimensionalen Array Elemente hinzuzufügen.
Hinzufügen eines Elements zum äußeren Array
let studentsData = (('Jack', 24), ('Sara', 23),); studentsData.push(('Peter', 24)); console.log(studentsData); //(("Jack", 24), ("Sara", 23), ("Peter", 24)
Hinzufügen eines Elements zum inneren Array
// using index notation let studentsData = (('Jack', 24), ('Sara', 23),); studentsData(1)(2) = 'hello'; console.log(studentsData); // (("Jack", 24), ("Sara", 23, "hello"))
// using push() let studentsData = (('Jack', 24), ('Sara', 23),); studentsData(1).push('hello'); console.log(studentsData); // (("Jack", 24), ("Sara", 23, "hello"))
Sie können auch die splice () -Methode des Arrays verwenden, um ein Element an einem angegebenen Index hinzuzufügen. Beispielsweise,
let studentsData = (('Jack', 24), ('Sara', 23),); // adding element at 1 index studentsData.splice(1, 0, ('Peter', 24)); console.log(studentsData); // (("Jack", 24), ("Peter", 24), ("Sara", 23))
Entfernen Sie ein Element aus einem mehrdimensionalen Array
Mit der pop () -Methode des Arrays können Sie das Element aus einem mehrdimensionalen Array entfernen. Beispielsweise,
Element aus dem äußeren Array entfernen
// remove the array element from outer array let studentsData = (('Jack', 24), ('Sara', 23),); studentsData.pop(); console.log(studentsData); // (("Jack", 24))
Element aus dem inneren Array entfernen
// remove the element from the inner array let studentsData = (('Jack', 24), ('Sara', 23)); studentsData(1).pop(); console.log(studentsData); // (("Jack", 24), ("Sara"))
Sie können die splice()Methode auch verwenden , um ein Element an einem angegebenen Index zu entfernen. Beispielsweise,
let studentsData = (('Jack', 24), ('Sara', 23),); // removing 1 index array item studentsData.splice(1,1); console.log(studentsData); // (("Jack", 24))
Iterieren über mehrdimensionales Array
Sie können mit der forEach () -Methode des Arrays über ein mehrdimensionales Array iterieren, um über das mehrdimensionale Array zu iterieren. Beispielsweise,
let studentsData = (('Jack', 24), ('Sara', 23),); // iterating over the studentsData studentsData.forEach((student) => ( student.forEach((data) => ( console.log(data); )); ));
Ausgabe
Jack 24 Sara 23
Die erste forEach()Methode wird verwendet, um über die äußeren Array-Elemente forEach()zu iterieren, und die zweite Methode wird verwendet, um über die inneren Array-Elemente zu iterieren.
Sie können die for… ofSchleife auch verwenden , um über das mehrdimensionale Array zu iterieren. Beispielsweise,
let studentsData = (('Jack', 24), ('Sara', 23),); for (let i of studentsData) ( for (let j of i) ( console.log(j); ) )
Sie können die for-Schleife auch verwenden, um über ein mehrdimensionales Array zu iterieren. Beispielsweise,
let studentsData = (('Jack', 24), ('Sara', 23),); // looping outer array elements for(let i = 0; i < studentsData.length; i++)( // get the length of the inner array elements let innerArrayLength = studentsData(i).length; // looping inner array elements for(let j = 0; j < innerArrayLength; j++) ( console.log(studentsData(i)(j)); ) )
