În acest tutorial, veți afla despre matricele multidimensionale JavaScript cu ajutorul exemplelor.
O matrice multidimensională este o matrice care conține o altă matrice. De exemplu,
// multidimensional array const data = ((1, 2, 3), (1, 3, 4), (4, 5, 6));
Creați o matrice multidimensională
Iată cum puteți crea matrice multidimensionale în JavaScript.
Exemplul 1
let studentsData = (('Jack', 24), ('Sara', 23), ('Peter', 24));
Exemplul 2
let student1 = ('Jack', 24); let student2 = ('Sara', 23); let student3 = ('Peter', 24); // multidimensional array let studentsData = (student1, student2, student3);
Aici, atât exemplul 1, cât și exemplul 2 creează o matrice multidimensională cu aceleași date.
Accesați elementele unui tablou
Puteți accesa elementele unui tablou multidimensional folosind indici (0, 1, 2 …) . De exemplu,
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
Vă puteți gândi la o matrice multidimensională (în acest caz, x), ca la un tabel cu 3 rânduri și 2 coloane.
Accesarea elementelor matrice multidimensionale
Adăugați un element la o matrice multidimensională
Puteți utiliza metoda push () a matricei sau o notație de indexare pentru a adăuga elemente la o matrice multidimensională.
Adăugarea elementului la matricea exterioară
let studentsData = (('Jack', 24), ('Sara', 23),); studentsData.push(('Peter', 24)); console.log(studentsData); //(("Jack", 24), ("Sara", 23), ("Peter", 24)
Adăugarea elementului la matricea interioară
// 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"))
De asemenea, puteți utiliza metoda Array's splice () pentru a adăuga un element la un index specificat. De exemplu,
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))
Eliminați un element dintr-o matrice multidimensională
Puteți utiliza metoda Array's pop () pentru a elimina elementul dintr-un tablou multidimensional. De exemplu,
Eliminați elementul din matricea exterioară
// remove the array element from outer array let studentsData = (('Jack', 24), ('Sara', 23),); studentsData.pop(); console.log(studentsData); // (("Jack", 24))
Eliminați elementul din matricea interioară
// remove the element from the inner array let studentsData = (('Jack', 24), ('Sara', 23)); studentsData(1).pop(); console.log(studentsData); // (("Jack", 24), ("Sara"))
De asemenea, puteți utiliza splice()metoda pentru a elimina un element la un index specificat. De exemplu,
let studentsData = (('Jack', 24), ('Sara', 23),); // removing 1 index array item studentsData.splice(1,1); console.log(studentsData); // (("Jack", 24))
Iterarea peste matrice multidimensională
Puteți itera peste o matrice multidimensională utilizând metoda forEach () a matricei pentru a itera peste matrice multidimensională. De exemplu,
let studentsData = (('Jack', 24), ('Sara', 23),); // iterating over the studentsData studentsData.forEach((student) => ( student.forEach((data) => ( console.log(data); )); ));
Ieșire
Jack 24 Sara 23
Prima forEach()metodă este utilizată pentru a itera peste elementele matricei exterioare și a doua forEach()este utilizată pentru a itera peste elementele matricei interioare.
De asemenea, puteți utiliza for… ofbucla pentru a itera peste matricea multidimensională. De exemplu,
let studentsData = (('Jack', 24), ('Sara', 23),); for (let i of studentsData) ( for (let j of i) ( console.log(j); ) )
De asemenea, puteți utiliza bucla for pentru a itera pe o matrice multidimensională. De exemplu,
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)); ) )
