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 connus sous le nom de littéraux de tableau ;
• Les éléments au sein 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éder 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, et ainsi de suite;
• 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

Modifier les é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 assignant une nouvelle valeur.

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

Longueur du tableau

La propriété length d'un tableau représente 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

Trouver le Dernier Élément

Pour récupérer la valeur du dernier élément d'un tableau, nous pouvons calculer son index en utilisant la longueur du tableau, qui est array.length - 1.

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

Boucle For

• La boucle for est utilisée pour itérer sur un tableau élément par élément ;
• Elle utilise une variable compteur de boucle (par exemple, i) pour accéder à chaque élément par index ;
• La boucle continue tant que le compteur est inférieur à la longueur du tableau ;
• C'est un outil fondamental pour l'itération de tableau.

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

Boucle For...of

• La boucle for...of est une manière plus moderne et concise de 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 des tableaux, rendant le code plus propre et plus lisible.

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