Les tableau
Il existe une autre forme de variables: les tableaux.
Un tableau est une variable qui peut contenir plusieurs valeurs.

Comment "plusieurs valeurs", dans le chapitree des variables tu nous avait dit qu'une variable ne pouvait contenir qu'une seule valeur!

C'est un peu dur à expliquer. En fait, la variable contient plusieurs "sous-variables" où sont stockées les différents valeurs. Ces données sont stockées sous forme d'un tableau avec deux collonnes, une avec un chiffre et l'autre avec la donnée. On récupère la donnée souhaitée grâce au nombre contenu dans la même ligne.
Voici un petit tableau pour vous aider à comprendre:
IdContenu
0'Jean-Luc'
1158*895-56
2TRUE
3'Autre contenu...'
......

Comme vous pouvez le remarquer, un tableau peut contenir tout les types de données que vous souhaitez.

Y a-t-il une limite au nombre d'"éléments" d'un tableau?

Oui, vousne pouvez pas mettre plus de 255 éléments, mais bonne chance pour en mettre autant.

On compte les cases du tableau à partir de 0 et non pas de 1.

Créer un tableau


Pour créer un tableau, il suffit de taper ceci:

var tableau = new Array(valeur, valeur, ...);

Comme valeur de la variable, vous avez crée un nouveau tableau (new Array). La variable tableau contient donc...un tableau. Il vous suffit juste de rentrer les valeurs entre les parenthèses.

new Array sert juste à indiquer que vous créez un nouveau tableau.

Ecrire des données depuis un array


Créons un nouvel array:

war prenoms = new Array('David', 'François', 'Jacques', 'Pierre', 'Pol', 'Luc');

Pour accéder au prénom 'Pierre', qui est le 4eme du tableau, il faut taper ceci:

document.write(prenoms[3]);

Cette petite instruction affichera "Pierre" à l'écran.
prenoms est le nom de la variable et [3] est le rang du prénom dans le tableau.

Mais pourquoi [3] et pas [4]? Le prénom "Pierre" est tout de même au 4eme rang.

N'oubliez pas que, dans un tableau, on commence à compter à partir de 0 et non de 1, 4-1=3.

Autre petit exemple, pour afficher "David", il faut taper:

document.write(prenoms[0]);

Afficher tout l'array


Pour afficher tout le contenu de l'array (tableau) vous devez pour l'instant faire ceci:

var arbres = new Array('palmier', 'cocotier', 'bouleau', 'noyer', 'marronier', 'pommier');
document.write(arbres[0]+'<br />');
document.write(arbres[1]+'<br />');
document.write(arbres[2]+'<br />');
document.write(arbres[3]+'<br />');
document.write(arbres[4]+'<br />');
document.write(arbres[5]+'<br />');

Il existe un moyen beaucoup plus rapide: une boucle!
Il suffit en effet de créer une boucle "for" qui va incrémenter la variable "i" d'une unité et écrire la ligne "abres[i]".
C'est parti!!

for(i=0; i in arbres; i++){
document.write(arbres[i]+'<br />');
}

Voici le résultat:
Exemple JS
Dans cette boucle, le mot-clé "in" est utilisé, il signifie "dans". La condition est donc "Tans que la valeur 'i' se trouve dans le tableau 'arbres'".

Pourquoi la variable 'i' est pas une autre comme 'comptage'?

Par convention, on utilise toujours la variable 'i' lorsqu'il s'agit d'incrémenter une variable dans une boucle. Vous pouvez mettre un autre nom de variable, mais ce n'est pas recommandé.

Il existe encore une autre méthode qui consiste à récupérer la taille du tableau pour l'utiliser dans la condition.
La taille de l'array s'obtient grâce à la propriété "lenght" (poids). Voici comment l'utiliser:

var ma_variable = nom_du_tableau.length;

Voici le code complet pour afficher l'array:

var arbres = new Array('palmier', 'cocotier', 'bouleau', 'noyer', 'marronier', 'pommier');
var taille = arbres.length;
for(i=0; i<taille; i++){
document.write(arbres[i]+'<br />');
}


Il existe encore d'autres propriétés des tableaux mais elles sont plus rarement utilisées. En voici quelques-unes:

join()


Join() permet d'afficher tout le contenu d'un array sans psser par une boucle, chaque élément étant séparée par une virgule.
Exemple:

var arbres = new Array('palmier', 'cocotier', 'bouleau', 'noyer', 'marronier', 'pommier');
document.write(arbres.join());

Voici le résultat:
Exemple JS
Vous pouvez aussi séparer les données par un tiret, un point-virgule,... Pour ce faire, il suffit de taper le séparateur souhaité dans les parenthèses de join.
Exemple:

document.write(arbres.join('/'));

Voici le résultat:
Exemple Javascript

reverse()


Comme son nom l'indique, reverse() inverse l'ordre des éléments de l'array. On peut l'utiliser conjointement avec join().
Exemple:

var arbres = new Array('palmier', 'cocotier', 'bouleau', 'noyer', 'marronier', 'pommier');
document.write(arbres.reverse.join());

Voici le résultat:
Exemple

sort()

Sort() trie les données par order alphabétique.
Comme reverse, il doit être utilisé avant join().

On peut utiliser ces propriétés "en cascade", comme ceci:

var arbres = new Array('palmier', 'cocotier', 'bouleau', 'noyer', 'marronier', 'pommier');
document.write(arbres.sort().reverse().join('-'));

Voici le résultat:
Exemple JS
Voilà, c'en est enfin fini avec les array, vous pouvez maintenant passer au chapitr suivant!

Précédent       suivant

Creative Commons License
Sauf mention contraire, le contenu de cette page est sous licence Creative Commons
Page générée en 0.326 secondes.
Retour en haut de la page
Imprimer cette page