Le tableau associatif en javascript | Développement Web

Le tableau associatif en javascript

Le tableau associatif permet d’associer une valeur à une clé autre qu’un indice numérique.

   var myTab = new Array();

   myTab['langage'] = 'javascript';
   myTab['site web'] = 'analyste-programmeur.com';
   myTab['cours'] = 'les tableaux';  

   document.write(myTab.length); // Renvoie 0

   document.write(myTab['cours']); // affiche "les tableaux"

La clé donne accès à la valeur qui lui est associée. Par exemple, la clé « langage » donnera accès à la valeur « javascript ».

Comme le montre l’exemple ci-dessus, la propriété length ne peut pas être utilisée pour un tableau associatif. Pour accéder à un élément, il faut soit connaître sa clé, soit parcourir les éléments du tableau un à un.

Pour parcourir les éléments de l’objet de type Array que nous avons ici nommé myTab, nous pouvons utiliser la boucle for in comme dans l’exemple qui suit.

   for(var valeur in myTab){
     document.write(valeur + ' : ' + myTab[valeur] + '  ');
   }
   // Affiche
   // langage : javascript
   // site web : analyste-programmeur.com
   // cours : les tableaux