En règle générale, hors programmation, un tableau a souvent 2 dimensions. En Javascript, un tableau n’est autre qu’un objet où sont stockées des données.
Pour construire des tableaux multidimensionnels en javascript, l’astuce consiste à stocker une liste de tableaux dans l’objet de type Array.
Dans l’exemple ci-dessous, nous allons créer un tableau multidimensionnel associatif.
var newTab = new Array(); newTab['langage'] = new Array('javascript','php'); newTab['type'] = new Array('exécuté','interprété'); newTab['cote'] = new Array('côté client','côté serveur'); document.write('Le langage ' + newTab['langage'][1] + ' est un langage ' + newTab['type'][1] + ' ' + newTab['cote'][1]); // Affiche "Le langage php est un langage interprété côté serveur"
On créé dans un premier temps un tableau classique, objet de type Array.
Ensuite, on ajoute des clé auxquelles on associe des valeurs sous forme de nouveaux tableaux.
Ainsi, à l’aide de la notation newTab['langage'][1], on accède à la seconde valeur du tableau dont la clé est égale à langage, ici php.