If you're seeing this message, it means we're having trouble loading external resources on our website.

Si vous avez un filtre web, veuillez vous assurer que les domaines *. kastatic.org et *. kasandbox.org sont autorisés.

Contenu principal

Résumé : les tableaux

Voici un résumé de ce que nous avons couvert dans ce module sur les tableaux.
Nous avons souvent besoin de conserver des listes de valeurs quand nous créons des programmes. En JavaScript, nous pouvons le faire en utilisant un type de valeur appelé tableau ("array" en anglais).
Pour créer un tableau, nous déclarons une variable comme nous le faisons habituellement, puis nous encadrons notre liste de valeurs par des crochets en séparant les valeurs avec des virgules :
var xPositions = [33, 72, 64];
Nous pouvons stocker n'importe quel type de valeur JavaScript dans un tableau, pas juste des nombres. Voici un exemple dans lequel nous stockons des chaînes de caractères :
var mesAmis = ['Winston', 'OhNoes', 'John', 'Sophia'];
Il nous arrive souvent de vouloir afficher la taille du tableau, ou faire quelque chose en utilisant la taille du tableau. Heureusement, tous les tableaux possèdent une propriété length ("longueur" en français) qui nous indique leur longueur actuelle.
text(mesAmis.length, 200, 200); // Affiche "4"
Quand on veut récupérer une valeur particulière dans un tableau, on y accède en utilisant son "index", c'est-à-dire sa position dans le tableau. Le premier index d'un tableau est "0". Donc si nous voulons accéder au premier élément d'un tableau, on indique le nom de la variable du tableau, des crochets et un 0 entre :
text(mesAmis[0], 200, 0); // Affiche "Winston"
Le deuxième élément est à l'indice 1, le troisième à l'indice 2, et le quatrième à l'indice 3 :
text(mesAmis[1], 200, 100); // Affiche "OhNoesGuy"
text(mesAmis[2], 200, 200); // Affiche "John"
text(mesAmis[3], 200, 300); // Affiche "Sophia"
L'indexation à partir de zéro est l'un des aspects les plus déroutants des tableaux quand on est nouveau programmeur. Gardez juste la chose en tête au début. Vous finirez par vous y habituer !
Il nous arrive souvent de vouloir effectuer la même opération sur tous les éléments d'un tableau (comme nous avons utilisé la fonction text() pour afficher les noms ci-dessus). Plutôt que de réécrire le code de nombreuses fois, il est préférable d'utiliser une boucle for pour itérer sur chaque élément du tableau, et agir sur chacun d'eux dans la boucle. Nous devons commencer à partir de l'index 0 et continuer jusqu'à atteindre la fin du tableau, en ajoutant 1 à l'index à chaque fois. Voici comment procéder :
for (var i = 0; i < mesAmis.length; i++) {
     text(mesAmis[i], 200, (i+1)*100);
}
Notez l'utilisation du i entre les crochets. Il représente l’index actuel à chaque exécution de la boucle.
Les tableaux peuvent être modifiés de différentes façons. Pour commencer, on peut modifier une valeur à l'intérieur :
mesAmis[1] = "LeMessagerDesErreurs";
On peut aussi y ajouter de toutes nouvelles valeurs. En utilisant la méthode push() avec la nouvelle valeur :
mesAmis.push("Hopper");
Après avoir exécuté cette ligne de code, la propriété length de notre tableau sera modifiée pour adopter la nouvelle longueur, et l'index final du tableau sera 4 au lieu de 3.
Si vous voulez une liste complète de ce qu'on peut faire avec des tableaux en JavaScript, consultez cette référence. De toutes façons, ne vous inquiétez pas, ce résumé vous en a déjà dit beaucoup.

Vous souhaitez rejoindre la discussion ?

Vous comprenez l'anglais ? Cliquez ici pour participer à d'autres discussions sur Khan Academy en anglais.