Summary  
This chapter covers how to use arrays as a fundamental data structure in JavaScript, including creating arrays, accessing elements by index, and leveraging the length property to count items and retrieve the last element.

General domain of usage  
Shopping cart functionality

Les tableaux sont une **structure de données fondamentale** en JavaScript qui permettent de stocker et d’organiser plusieurs valeurs dans une seule variable. Les tableaux sont utilisés pour gérer une **liste d’éléments**, tels que des nombres, des chaînes de caractères ou même d’autres tableaux.

Les tableaux facilitent la gestion des **collections de données**, que ce soit pour créer un panier d’achats, suivre des scores dans un jeu ou gérer des saisies utilisateur. Chaque valeur dans un tableau est appelée un **élément**, et ces éléments sont accessibles via leur position, appelée **indice**.

// Create an array of colors
const colors = ["red", "green", "blue"];
console.log(colors);

// Access the first element (index 0)
console.log(colors[0]); // Output: "red"

// Access the third element (index 2)
console.log(colors[2]); // Output: "blue"

En JavaScript, les indices des tableaux commencent à 0, donc le premier élément se trouve à l’indice 0, le deuxième à l’indice 1, et ainsi de suite.

Remarque



Vous pouvez déterminer le nombre d’éléments dans un tableau en utilisant la **propriété `length`**. Par exemple, si un tableau contient trois éléments, sa propriété `length` sera `3`. Vous pouvez également utiliser la propriété `length` pour accéder au dernier élément du tableau en utilisant `array[array.length - 1]`. Cette méthode facilite la gestion des tableaux de toute taille, car il n’est pas nécessaire de connaître à l’avance le nombre d’éléments qu’ils contiennent.

// Create an array of fruits
const fruits = ["apple", "banana", "cherry", "date"];

// Find the number of elements in the array
console.log(fruits.length); // Output: 4

// Access the last element using array[array.length - 1]
console.log(fruits[fruits.length - 1]); // Output: "date"

Apprenez à contrôler la logique des programmes, à structurer les données et à créer des fonctionnalités dynamiques avec JavaScript. Travaillez avec les fonctions, les tableaux, les objets et les boucles, puis appliquez ces compétences pour créer un système de profil interactif. Acquérez les connaissances fondamentales nécessaires pour passer à React et au développement frontend moderne.

Appliquez vos connaissances dans un mini-projet, découvrez les bases du débogage et préparez-vous pour les prochaines étapes en JavaScript.

Tableaux