Les tableaux : Définition, remplissage et lecture

Beaucoup de variables

Il est évident que pour avoir un grand nombre de flocons, on ne va pas créer à la main des variables pour chaque flocon. Ce serait beaucoup trop fastidieux. Imaginer un peu ... que fait on si l'on a 150 flocons ! On l'a dit, pour stocker beaucoup de variables, on va utiliser des tableaux.

Si l'on peut penser à une variable comme un boite, un tableau serait une étagère ou l'on pourra poser les boites que l'on souhaite.

Comment créer un tableau ?

Nous allons devoir créer deux tableaux : un pour les abscisses, un pour les ordonnées de nos flocons.

Il y a deux solutions pour créer un tableau. La première est la plus naturelle en terme d'écriture, et se comprend mieux. On utilise le mot clef new du langage pour indiquer que l'on crée un nouvel objet, et cet objet est un tableau ( Array en anglais - Attention à la majuscule.). Voici la déclaration du tableau pour les abscisses de nos flocons

var abscisses = new Array();

Il existe une seconde façon que l'on utilise plus fréquemment, par ce que plus courte, mais qui peut dérouter les débutants. On peut utiliser une notation avec des crochets. Voici comment définir le tableau pour les ordonnées de nos flocons

var ordonnees = [];

Ajouter un élément au tableau

Pour ajouter une boite dans une étagère, on pousse la boite dans l'étagère. Il en va de même pour les éléments d'un tableau. Pour rajouter un élément à un tableau, on applique la fonction push au tableau. Par exemple, pour rajouter une abscisse aléatoire au tableau des abscisses des flocons, on procède ainsi

abscisses.push(random(width));

Pour chaque flocon, on ajoute ainsi l'abscisse et l'ordonnée dans les tableaux correspondants

Accéder à un élément du tableau

On sait créer un tableau et ajouter un élément dedans. Maintenant, comment fait on pour le lire ? La variable stocké dans la case de numéro i du tableau est accessible avec le nom du tableau suivi du numéro de la case entre crochet. Par exemple, si je veux l'abscisse du premier flocon

abscisses[0]

Attention ! Le premier élément d'un tableau porte le numéro 0. Pensez à un immeuble. On a le rez de chaussé, puis l'étage numéroté 1 si l'immeuble a deux étages. En informatique, on numérote de la même façon à partir de 0.

Voilà ! Nous avons maintenant tout les éléments pour mettre plusieurs flocons en place dans un tableau. Le code exemple ci dessous vous montre comment avoir trois flocons qui sont créés dans un tableau.