Les tableaux sont des structures de données utilisées pour stocker et manipuler des collections de valeurs.

Création de tableaux

• Les tableaux en JavaScript sont créés à l'aide de crochets [] et sont appelés littéraux de tableau ;
• Les éléments du tableau sont séparés par des virgules.

// Array literal creation
const colors = ["red", "green", "blue"];
const numbers = [1, 2, 3, 4, 5];

// Arrays with different data types
const mixedArray = ["apple", 42, true, { name: "John" }];

Accès aux éléments d'un tableau

• Les indices des tableaux commencent à 0, ce qui signifie que le premier élément a un indice de 0, le deuxième élément a un indice de 1, etc. ;
• Les éléments spécifiques d'un tableau peuvent être accédés en utilisant des crochets avec l'indice de l'élément.

const firstColor = colors[0]; // "red"
const secondNumber = numbers[1]; // 2

Modification des éléments d'un tableau

Les éléments d'un tableau peuvent être modifiés en y accédant via leur indice et en leur attribuant une nouvelle valeur.

colors[1] = "yellow";
numbers[0] = 10;

Longueur d’un tableau

La propriété length d’un tableau indique le nombre d’éléments qu’il contient. Elle s’ajuste automatiquement lorsque des éléments sont ajoutés ou supprimés.

const colorsCount = colors.length; // 3
const numbersCount = numbers.length; // 5

Recherche du dernier élément

Pour obtenir la valeur du dernier élément d’un tableau, il est possible de calculer son indice en utilisant la longueur du tableau, soit array.length - 1.

const lastColor = colors[colors.length - 1];
const lastNumber = numbers[numbers.length - 1];

Boucle For

• La boucle for est utilisée pour parcourir un tableau élément par élément ;
• Elle utilise une variable de compteur de boucle (par exemple, i) pour accéder à chaque élément par son indice ;
• La boucle continue tant que le compteur est inférieur à la longueur du tableau ;
• Il s’agit d’un outil fondamental pour l’itération sur les tableaux.

for (let i = 0; i < numbers.length; i+=1) {
  console.log(numbers[i]);
}

Boucle For...of

• La boucle for...of est une méthode plus moderne et concise pour parcourir les tableaux ;
• Elle gère automatiquement le compteur de boucle et fournit un accès direct à la valeur de chaque élément ;
• Elle simplifie l'itération sur les tableaux, rendant le code plus clair et lisible.

for (const color of colors) {
  console.log(color);
}