I denne vejledning lærer du om JavaScript multidimensionelle arrays ved hjælp af eksempler.
Et flerdimensionelt array er et array, der indeholder et andet array. For eksempel,
// multidimensional array const data = ((1, 2, 3), (1, 3, 4), (4, 5, 6));
Opret en flerdimensionel matrix
Her er hvordan du kan oprette flerdimensionelle arrays i JavaScript.
Eksempel 1
let studentsData = (('Jack', 24), ('Sara', 23), ('Peter', 24));
Eksempel 2
let student1 = ('Jack', 24); let student2 = ('Sara', 23); let student3 = ('Peter', 24); // multidimensional array let studentsData = (student1, student2, student3);
Her opretter både eksempel 1 og eksempel 2 et flerdimensionelt array med de samme data.
Adgang til elementer i en matrix
Du kan få adgang til elementerne i et flerdimensionelt array ved hjælp af indekser (0, 1, 2 …) . For eksempel,
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
Du kan tænke på et flerdimensionelt array (i dette tilfælde x) som en tabel med 3 rækker og 2 kolonner.
Adgang til flerdimensionelle matrixelementer
Føj et element til en flerdimensionel matrix
Du kan bruge Array's push () -metode eller en indekseringsnotation til at føje elementer til et flerdimensionelt array.
Tilføjelse af element til det ydre array
let studentsData = (('Jack', 24), ('Sara', 23),); studentsData.push(('Peter', 24)); console.log(studentsData); //(("Jack", 24), ("Sara", 23), ("Peter", 24)
Tilføjelse af element til den indre matrix
// 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"))
Du kan også bruge Array's splice () -metode til at tilføje et element i et specificeret indeks. For eksempel,
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))
Fjern et element fra en flerdimensionel matrix
Du kan bruge Array's pop () -metode til at fjerne elementet fra et flerdimensionelt array. For eksempel,
Fjern element fra Outer Array
// remove the array element from outer array let studentsData = (('Jack', 24), ('Sara', 23),); studentsData.pop(); console.log(studentsData); // (("Jack", 24))
Fjern element fra det indre array
// remove the element from the inner array let studentsData = (('Jack', 24), ('Sara', 23)); studentsData(1).pop(); console.log(studentsData); // (("Jack", 24), ("Sara"))
Du kan også bruge splice()metoden til at fjerne et element i et specificeret indeks. For eksempel,
let studentsData = (('Jack', 24), ('Sara', 23),); // removing 1 index array item studentsData.splice(1,1); console.log(studentsData); // (("Jack", 24))
Iterering over flerdimensionel matrix
Du kan gentage over et flerdimensionelt array ved hjælp af Array's forEach () -metoden til at gentage over det flerdimensionale array. For eksempel,
let studentsData = (('Jack', 24), ('Sara', 23),); // iterating over the studentsData studentsData.forEach((student) => ( student.forEach((data) => ( console.log(data); )); ));
Produktion
Jack 24 Sara 23
Den første forEach()metode bruges til at gentage de ydre array-elementer, og den anden forEach()bruges til at itere over de indre array-elementer.
Du kan også bruge for… ofsløjfen til at gentage det flerdimensionale array. For eksempel,
let studentsData = (('Jack', 24), ('Sara', 23),); for (let i of studentsData) ( for (let j of i) ( console.log(j); ) )
Du kan også bruge for-sløjfen til at gentage over et flerdimensionelt array. For eksempel,
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)); ) )
