Dans ce didacticiel, vous découvrirez les tableaux multidimensionnels JavaScript à l'aide d'exemples.
Un tableau multidimensionnel est un tableau qui contient un autre tableau. Par exemple,
// multidimensional array const data = ((1, 2, 3), (1, 3, 4), (4, 5, 6));
Créer un tableau multidimensionnel
Voici comment créer des tableaux multidimensionnels en JavaScript.
Exemple 1
let studentsData = (('Jack', 24), ('Sara', 23), ('Peter', 24));
Exemple 2
let student1 = ('Jack', 24); let student2 = ('Sara', 23); let student3 = ('Peter', 24); // multidimensional array let studentsData = (student1, student2, student3);
Ici, les exemples 1 et 2 créent un tableau multidimensionnel avec les mêmes données.
Accéder aux éléments d'un tableau
Vous pouvez accéder aux éléments d'un tableau multidimensionnel à l'aide d'indices (0, 1, 2…) . Par exemple,
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
Vous pouvez penser à un tableau multidimensionnel (dans ce cas, x), comme un tableau avec 3 lignes et 2 colonnes.
Accès aux éléments d'un tableau multidimensionnel
Ajouter un élément à un tableau multidimensionnel
Vous pouvez utiliser la méthode push () de Array ou une notation d'indexation pour ajouter des éléments à un tableau multidimensionnel.
Ajout d'un élément au tableau externe
let studentsData = (('Jack', 24), ('Sara', 23),); studentsData.push(('Peter', 24)); console.log(studentsData); //(("Jack", 24), ("Sara", 23), ("Peter", 24)
Ajout d'un élément au tableau interne
// 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"))
Vous pouvez également utiliser la méthode splice () de Array pour ajouter un élément à un index spécifié. Par exemple,
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))
Supprimer un élément d'un tableau multidimensionnel
Vous pouvez utiliser la méthode pop () de Array pour supprimer l'élément d'un tableau multidimensionnel. Par exemple,
Supprimer un élément de la matrice externe
// remove the array element from outer array let studentsData = (('Jack', 24), ('Sara', 23),); studentsData.pop(); console.log(studentsData); // (("Jack", 24))
Supprimer l'élément de la matrice interne
// remove the element from the inner array let studentsData = (('Jack', 24), ('Sara', 23)); studentsData(1).pop(); console.log(studentsData); // (("Jack", 24), ("Sara"))
Vous pouvez également utiliser la splice()méthode pour supprimer un élément à un index spécifié. Par exemple,
let studentsData = (('Jack', 24), ('Sara', 23),); // removing 1 index array item studentsData.splice(1,1); console.log(studentsData); // (("Jack", 24))
Itération sur un tableau multidimensionnel
Vous pouvez parcourir un tableau multidimensionnel à l'aide de la méthode forEach () de Array pour itérer sur le tableau multidimensionnel. Par exemple,
let studentsData = (('Jack', 24), ('Sara', 23),); // iterating over the studentsData studentsData.forEach((student) => ( student.forEach((data) => ( console.log(data); )); ));
Production
Jack 24 Sara 23
La première forEach()méthode est utilisée pour parcourir les éléments externes du tableau et la seconde forEach()pour parcourir les éléments internes du tableau.
Vous pouvez également utiliser la for… ofboucle pour parcourir le tableau multidimensionnel. Par exemple,
let studentsData = (('Jack', 24), ('Sara', 23),); for (let i of studentsData) ( for (let j of i) ( console.log(j); ) )
Vous pouvez également utiliser la boucle for pour parcourir un tableau multidimensionnel. Par exemple,
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)); ) )
