Les tableaux ou en anglais array permettent de stocker des informations sous forme de liste ordonnée. Un peu comme le font les tableaux Excel.

Par exemple:

Ces listes peuvent contenir n'importe quel type d'entrée: chaine de caractères, nombre, booléen, objet, null, undefined ou même d'autres tableaux.

Par exemple, la franchise Halo en tableau JavaScript pourrait ressembler à ceci:

const haloArr = ["Halo", "Halo 2", "Halo 3", "Halo 4", "Halo 5: Guardians"];

Ou dans son équivalent tableau Excel à cela:

Accès aux entrées

Chacune des entrées d'un tableau se voit attribuer un index. Pour accéder à un élément particulier du tableau, il faut donc spécifier le tableau dans lequel l'élément se trouve et ensuite faire référence à l'index désiré entre crochets.

Par exemple, pour récupérer le premier titre dans la franchise Halo, il faut spécifier dans quel tableau l'élément se trouve (haloArr) et quel est l'index de l'élément souhaité ou si vous préférez son numéro de ligne (0):

haloArr[0]; // Halo

Bref, Soit l'équivalent de dire

Si le deuxième titre est souhaité, il faudra donc utiliser l'index suivant, soit:

console.log(haloArr[1]); // Halo 2

Et ainsi de suite.

length

Il est possible d'obtenir le nombre d'entrées dans un tableau en demandant sa longueur via sa propriété length.

Par exemple:

console.log(haloArr.length); // 5

Remarquez que length retourne le nombre d'éléments dans le tableau et non l'index le plus élevé. Puisque les index commencent à 0, l'index le plus élevé est toujours de 1 inférieur à la longueur d'un tableau. Il est donc fréquent d'accéder au dernier élément d'un tableau via le code suivant:

const lastIndex = haloArr.length - 1;
console.log(haloArr[lastIndex]); // Halo 5: Guardians

Console

Lorsqu'une variable contenant un tableau est affichée dans la console, celle-ci affiche sa longueur en premier entre parenthèses, suivie du tableau lui-même sur une seule ligne.

Un triangle ► indique qu'il est possible d'en savoir plus sur le contenu du tableau en cliquant sur celui-ci. À l'intérieur chaque entrée possède une ligne distincte et affiche son numéro d'index.