Utiliser un tableau

Nous allons maintenant voir comment utiliser un tableau en javascript pour stocker nos morceaux d'excuses et pouvoir effectuer un tirage aléatoire.

Pour déclarer un tableau avec 3 excuses, nous écrivons le code suivant

var mesExcuses=["excuse bidon n°1","excuse bidon n°2","excuse bidon n°3"];

le crochet entoure la déclaration des éléments du tableau, qui sont séparés par des virgules. Les éléments sont des chaines de caractère, c'est à dire du texte. Le texte est encadré par des guillemets doubles.

Pour accéder à un élément d'un tableau, on utilise le nom de la variable qui contient le tableau, suivi des crochets avec le numéro de la case dans le tableau (on parle d'indice). Vous allez tester cela vous même.

Combiner tableau et hasard

Nous allons maintenant combiner ce que nous avons vu sur les tableaux et ce que nous avons vu sur un tirage au sort au hasard. De cette façon, nous afficherons bien un début d'excuse tiré au hasard. Pour cela, c'est assez simple. Il suffit de remplacer l'indice numérique de l'élément du tableau par un nombre tiré au hasard. On aura un code de ce type 

/* définition du tableau */
var mesExcuses=["excuse bidon n°1","excuse bidon n°2","excuse bidon n°3"];
var indice = Math.floor(Math.random()*3);
var affichage = mesExcuses[indice];
document.write(affichage);

À retenir

  • En javascript, une chaine de caractère (i.e. du texte) est définie en l'entourant de guillemets doubles.
  • En javascript, on déclare le contenu d'un tableau en utilisant les crochets. On sépare les éléments par des virgules.
  • On accéde à un élément de tableau en utilisant les crochets
  • La longueur des tableaux est obtenu grâce à la propriété length du tableau

Voici un exemple de code qui résume tout cela

/* définition du tableau */
var mesExcuses=["excuse bidon n°1","excuse bidon n°2","excuse bidon n°3"];
/* Utilisation de la longueur du tableau pour le tirage aléatoire */
var longueur = mesExcuses.length;
var indice = Math.floor(Math.random()*longueur);
/* Élément à afficher */
var affichage = mesExcuses[indice];
/* affichage */
document.write(affichage);