In deze zelfstudie leert u met behulp van voorbeelden over JavaScript-multidimensionale arrays.
Een multidimensionale array is een array die een andere array bevat. Bijvoorbeeld,
// multidimensional array const data = ((1, 2, 3), (1, 3, 4), (4, 5, 6));
Maak een multidimensionale array
Hier ziet u hoe u multidimensionale arrays in JavaScript kunt maken.
voorbeeld 1
let studentsData = (('Jack', 24), ('Sara', 23), ('Peter', 24));
Voorbeeld 2
let student1 = ('Jack', 24); let student2 = ('Sara', 23); let student3 = ('Peter', 24); // multidimensional array let studentsData = (student1, student2, student3);
Hier creëren zowel voorbeeld 1 als voorbeeld 2 een multidimensionale array met dezelfde gegevens.
Toegang tot elementen van een array
U kunt de elementen van een multidimensionale array benaderen met behulp van indices (0, 1, 2…) . Bijvoorbeeld,
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
U kunt een multidimensionale array (in dit geval x) zien als een tabel met 3 rijen en 2 kolommen.
Toegang tot multidimensionale array-elementen
Voeg een element toe aan een multidimensionale array
U kunt de methode push () van de Array of een indexnotatie gebruiken om elementen aan een multidimensionale array toe te voegen.
Element toevoegen aan de Outer Array
let studentsData = (('Jack', 24), ('Sara', 23),); studentsData.push(('Peter', 24)); console.log(studentsData); //(("Jack", 24), ("Sara", 23), ("Peter", 24)
Element toevoegen aan de innerlijke 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"))
U kunt ook de methode splice () van de Array gebruiken om een element met een opgegeven index toe te voegen. Bijvoorbeeld,
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))
Verwijder een element uit een multidimensionale array
U kunt de methode pop () van de Array gebruiken om het element uit een multidimensionale array te verwijderen. Bijvoorbeeld,
Verwijder het element uit de buitenste array
// remove the array element from outer array let studentsData = (('Jack', 24), ('Sara', 23),); studentsData.pop(); console.log(studentsData); // (("Jack", 24))
Element verwijderen uit Inner Array
// remove the element from the inner array let studentsData = (('Jack', 24), ('Sara', 23)); studentsData(1).pop(); console.log(studentsData); // (("Jack", 24), ("Sara"))
U kunt de splice()methode ook gebruiken om een element bij een opgegeven index te verwijderen. Bijvoorbeeld,
let studentsData = (('Jack', 24), ('Sara', 23),); // removing 1 index array item studentsData.splice(1,1); console.log(studentsData); // (("Jack", 24))
Itereren over Multidimensionale Array
U kunt itereren over een multidimensionale array met behulp van de Array's forEach () - methode om de multidimensionale array te herhalen. Bijvoorbeeld,
let studentsData = (('Jack', 24), ('Sara', 23),); // iterating over the studentsData studentsData.forEach((student) => ( student.forEach((data) => ( console.log(data); )); ));
Uitvoer
Krik 24 Sara 23
De eerste forEach()methode wordt gebruikt om te itereren over de buitenste array-elementen en de tweede forEach()wordt gebruikt om te itereren over de binnenste array-elementen.
U kunt de for… oflus ook gebruiken om de multidimensionale array te herhalen. Bijvoorbeeld,
let studentsData = (('Jack', 24), ('Sara', 23),); for (let i of studentsData) ( for (let j of i) ( console.log(j); ) )
U kunt de for-lus ook gebruiken om een multidimensionale array te herhalen. Bijvoorbeeld,
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)); ) )
