Dypso Backoffice
Dypso Backoffice
JavaScript Tree Menu

Les tableaux JavaScript


  •  Initialisation et indiçage

Si nous ne n'initialisons pas les différentes valeurs du tableau, ses éléments sont vides (ils contiennent tous la valeur "undefined"). Nous devons leur affecter des valeurs. Pour ce faire nous devons accéder aux élements du tableau grace au nom de celui-ci et à l'indice de l'élément correspondant qui peut être soit un chiffre entier soit le résultat d'une opération. Par exemple nous pouvons accéder aux éléments du tableau avec les expressions suivantes :

	
livres[3];
livres[i];
livres[(4*i)+1];

La seule condition à respecter et de fournir comme résultat de l'expression qui sert d'indice un nombre entier positif ou nul.

Nous pouvons ainsi déclarer et initialiser chaque éléments du tableau de cette manière par exemple :

	
livres = new Array(5)

livres[0] = "Des souris et des hommes";
livres[1] = "Roméo et Juliette";
livres[2] = "JavaScript pour les nuls";
livres[3] = "La technique XML";
livres[4] = "Le client";

Cela est équivalent à la notation que nous avons rencontré qui permettait de déclarer d'initialiser le tableau en une opération :

	
livres = ["Des souris et des hommes","Roméo et Juliette",
          "JavaScript pour les nuls","La technique XML",
          "Le client"];

Dans les deux notations précédentes il est possible de ne pas initialiser un élément du tableau sa valeur sera alors "undefined" .

Par exemple avec la notation suivante :

livres = ["Des souris et des hommes","Roméo et Juliette",
          "JavaScript pour les nuls","La technique XML",
          "Le client"];

L'élément livres[1] aura la valeur "undefined" .

La longueur du tableau (le nombre d'élément qu'il contient) sera toujours de 5. Par contre avec cette notation si c'est le dernier élément qui n'est pas initialiser celui-ci sera ignoré et la longueur du tableau sera de 4 :

	
livres = ["Des souris et des hommes","Roméo et Juliette",
          "JavaScript pour les nuls","La technique XML",
          ];

Le script suivant permet de d'afficher les 8 premiers éléments d'un tableau dont seuls les 5 premiers ont été initialisés et déclarés :

	<HTML>
		<HEAD>
			<TITLE>Affichage d'un tableau</TITLE>
		</HEAD>
	<BODY>
			
<SCRIPT language="JavaScript">
	livres = new Array(5)

	
	livres[0] = "Des souris et des hommes";
	livres[1] = "Roméo et Juliette";
	livres[2] = "JavaScript pour les nuls";
	livres[3] = "La technique XML";
	livres[4] = "Le client";

document.write("livres[0] vaut : " + livres[0] + "<BR>");
document.write("livres[1] vaut : " + livres[1] + "<BR>");
document.write("livres[2] vaut : " + livres[2] + "<BR>");
document.write("livres[3] vaut : " + livres[3] + "<BR>");
document.write("livres[4] vaut : " + livres[4] + "<BR>");
document.write("livres[5] vaut : " + livres[5] + "<BR>");
document.write("livres[6] vaut : " + livres[6] + "<BR>");
document.write("livres[7] vaut : " + livres[7] + "<BR>");

</SCRIPT>
	</BODY>
</HTML>	

Voici ce que nous obtiendront en exécutant cette page HTML dans notre navigateur :

livres[0] vaut : Des souris et des hommes
livres[1] vaut : Roméo et Juliette
livres[2] vaut : JavaScript pour les nuls
livres[3] vaut : La technique XML
livres[4] vaut : Le client
livres[5] vaut : undefined
livres[6] vaut : undefined
livres[7] vaut : undefined