Variables:Vecteurs ou tableaux Javascript
Un article de WikiTuto.
Sommaire |
Explication
Il est possible de regrouper un ensemble de variables sous le nom d'une seule en utilisant un vecteur ou tableau indexé. Chaque variable enregistrée sous le nom du vecteur peut être accédée en utilisant son index, sa clé. Ce dernier est placé après le nom du vecteur entre crochets ( [] ). Pour créer un tableau on doit appeler le constructeur Array() qui crée un objet de la classe Vecteur. Mais puisque les vecteurs sont des instances, on doit, un peu comme en C++, les déclarer avec new. Tous les objets en Javascript peuvent être crées avec un new. Entre les parenthèses il est possible de déterminer le nombre d'éléments que contiendra le vecteur. Il est aussi possible de lister entre les parenthèses directement les valeurs que contiendra le vecteur.
Déclarer un vecteur
Array est le terme anglais de vecteur On peut déclarer les vecteurs de trois manières principales :
1. donner la liste des éléments que contiendra le vecteur
ex : var tabCouleurs= new Array("rouge", "bleu", "vert");
// la grandeur du vecteur sera 3
2. donner le nombre d'éléments que contiendra le vecteur
ex : var tabJours= new Array(7);
3. le déclarer vide
4. ex : var tabPlanetes= new Array();
Accès aux éléments d'un vecteur
Pour faire référence aux éléments d'un vecteur, on doit indiquer le nom du vecteur suivi du numéro de l'indice entre crochets. Il est aussi possible d'utiliser des strings (mots) à la place de nombres. (sauf les anciennes versions comme Javascript 1.0 qui n'acceptent que les chiffres) Cependant, lorsqu'on utilise des mots, il n'y a pas d'ordre dans notre vecteur et il est impossible de faire des boucles grâce à son indice.
Le premier élément d'un vecteur est à l'indice 0. Il est possible de stocker dans un vecteur des variables de type différents. Javascript permet de créer des vecteurs multidimensionnels, c'est à dire des vecteurs qui contiennent des vecteurs.
Exemple
var vecteurJours= new Array(7);
vecteurJours[0]= "dimanche";
vecteurJours[1]= "lundi";
vecteurJours[2]= "mardi";
vecteurJours[3]= "mercredi";
vecteurJours[4]= "jeudi";
vecteurJours[5]= "vendredi";
vecteurJours[6]= "samedi";
// D'autres exemples de déclarations :
var vectPlanetes= new Array();
var vectFleurs= new Array("tulipe", "rose", "muguet", "lilas");
// Exemple d'index avec un mot, puis d'une affectation de valeur
// (ici c'est semblable aux maps)
vectPlanetes["jupiter"]= 77;
Si on ne donne pas de grosseur spécifiée au départ, on peut initialiser à des indices plus grand que ce qu'on a déjà ce qui a pour effet de l'agrandir.
