Tableau à plusieurs dimensions en JavaScript
Sommaire
- 1- Objectifs
- 2- Définitions
- 3- Déclarer un tableau multidimensionnel en JavaScript
- 4- Accéder à un élément du tableau multidimensionnel
- 5- Ajout d'éléments au tableau multidimensionnel JavaScript
- 6- Construire un tableau multi-dimensionnel à partir d'autres tableaux
- 6.1- Créer un tableau à partir de deux autres
- 6.2- Méthode 01
- 6.3- Méthode 02
- 6.4- Méthode 03
- 6.5- Créer un tableau à partir de plusieurs autres
- 6.5.1- Sommaire du cours JavaScript
Tableau à plusieurs dimensions en JavaScript
-
Objectifs
- Etre capable de créer et gérer un tableau à plusieurs dimensions en JavaScript
-
Définitions
- JavaScript ne fournit pas le tableau multidimensionnel de manière native. Cependant, vous pouvez créer un tableau multidimensionnel en définissant un tableau d’éléments, où chaque élément est également un autre tableau.
-
Déclarer un tableau multidimensionnel en JavaScript
- Pour déclarer un tableau multidimensionnel vide, vous utilisez la même syntaxe que pour déclarer un tableau unidimensionnel:
-
var etudiants = [];
- L’exemple suivant définit un tableau à deux dimensions nommé etudiants:
- Dans le tableau etudiants, la première dimension représente les noms des étudiants et la seconde montre la note obtenue dans une matière pour chaque étudiants.
- Pour afficher le tableau étudiants dans la console, vous utilisez la méthode suivante
console.table(etudiants)
: - Ce qui suit illustre la sortie:
- Notez que la colonne (
index
) est pour l’illustration qui indique les indices du tableau interne. -
Accéder à un élément du tableau multidimensionnel
- Pour accéder à un élément du tableau multidimensionnel, vous utilisez d’abord des crochets pour accéder à un élément du tableau externe qui renvoie un tableau interne; puis utilisez un autre crochet carré pour accéder à l’élément du tableau interne.
- L’exemple suivant renvoie les éléments du tableau etudiants:
-
Ajout d’éléments au tableau multidimensionnel JavaScript
- Vous pouvez utiliser les méthodes
Array
telles quepush()
etsplice()
pour manipuler les éléments d’un tableau multidimensionnel. - Par exemple, pour ajouter un nouvel élément à la fin du tableau multidimensionnel, vous utilisez la méthode
push()
comme suit: - Ce qui suit illustre la sortie aprés l’exécution de la commande
console.table(etudiants);
: - Pour insérer un élément au milieu du tableau, vous utilisez la méthode
splice()
. Ce qui suit insère un élément dans la deuxième position du tableau et un élément dans la cinquième position desetudiants
: - Ce qui suit illustre la sortie après l’exécution de la commande
console.table(etudiants);
: -
Construire un tableau multi-dimensionnel à partir d’autres tableaux
- On construit un tableau multi-dimensionnel en donnant à un tableau des éléments qui sont d’autres tableaux.
-
Créer un tableau à partir de deux autres
-
Méthode 01
-
Méthode 02
-
Méthode 03
- On peut aussi accéder aux éléments du tableau avec les indices en chaînes, par exemple:
-
Créer un tableau à partir de plusieurs autres
- Imaginons que nous voulons créer un tableau qui contient: « Le nom d’étudiant », « Notes matière 01 » et « Notes matière 02 ». Il y’aura 5 étudiants en tout.
- Commençons d’aborder par déclarer trois tableaux élémentaires (à une dimension) pour chaque étudiant:
- Maintenant que les trois tableaux sont déclarés, nous allons déclarer le tableau principal qui regroupera toutes ces données:
-
tab=new Array(tab1,tab2,tab3,tab4,tab5);
- Pour afficher le tableau étudiants dans la console, vous utilisez la méthode suivante
console.table(etudiants)
: - Ce qui suit illustre la sortie:
Pour cette raison, nous pouvons dire qu’un tableau multidimensionnel JavaScript est un tableau de tableaux. La manière la plus simple de définir un tableau multidimensionnel consiste à utiliser la notation littérale du tableau.
var etudiants = [
['Mohamed', 09],
['Salwa', 11],
['Nejib', 12],
['Rotafi', 11],
['Slah', 17]
];
console.log(etudiants[0][0]); // Mohamed
console.log(etudiants[0][1]); // 9
console.log(etudiants[1][0]); // Salwa
console.log(etudiants[1][1]); // 11
etudiants.push(['Salem',12]);
etudiants.splice(1, 0, ['Tériza', 13]);
etudiants.splice(5, 0, ['Adir', 10]);
var a = new Array(
new Array(1, 2, 3),
new Array(4, 5, 6));
document.write(a);
//Résultat: 1,2,3,4,5,6
var a = [ [ 1, 2, 3], [ 4, 5, 6] ];
document.write(a);
//Résultat: 1,2,3,4,5,6
a[0][0] = 1;
a[0][1] = 2;
a[0][2] = 3;
a[1][0] = 4;
a[1][1] = 5;
a[1][2] = 6;
document.write(a);
//Résultat: 1,2,3,4,5,6
document.write(a[1][2]);
//Qui doit afficher 6;
tab1=new Array("Étudiant 1",12,10);
tab2=new Array("Étudiant 2",10,15);
tab3=new Array("Étudiant 3",11,09);
tab4=new Array("Étudiant 4",08,12);
tab5=new Array("Étudiant 5",08,07);