Chapitre 8 : Les tableaux

Un tableau (array) est une variable spéciale qui peut contenir plusieurs valeurs. Chaque élément a une position appelée indice (index), qui commence à 0.

1. Créer un tableau

let fruits = ["pomme", "banane", "cerise"];
console.log(fruits);

On peut aussi déclarer un tableau vide :

let nombres = []; // tableau vide

2. Accéder à un élément

console.log(fruits[0]); // "pomme"
console.log(fruits[1]); // "banane"

3. Modifier un élément

fruits[1] = "kiwi"; // remplace "banane" par "kiwi"

4. Ajouter des éléments

Avec push() pour ajouter à la fin :

fruits.push("mangue");

Avec unshift() pour ajouter au début :

fruits.unshift("fraise");

5. Supprimer des éléments

Avec pop() (supprime le dernier) :

fruits.pop();

Avec shift() (supprime le premier) :

fruits.shift();

6. Obtenir la taille du tableau

console.log(fruits.length);

7. Parcourir un tableau

Avec une boucle for classique :

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

Avec for...of :

for (let fruit of fruits) {
  console.log(fruit);
}

Avec forEach() :

fruits.forEach(function(fruit) {
  console.log(fruit);
});

8. Méthodes utiles sur les tableaux

• includes("banane") → vérifie si l'élément existe
• indexOf("cerise") → retourne l'index ou -1
• join(", ") → transforme en chaîne de caractères
• reverse() → inverse le tableau
• sort() → trie les éléments

let sports = ["foot", "tennis", "rugby"];
console.log(sports.includes("tennis")); // true
console.log(sports.join(" - "));        // "foot - tennis - rugby"

Test interactif

Exercice pratique

Crée un fichier tableaux.js avec ce code :

let prenoms = ["Anna", "Luc", "Omar"];

prenoms.push("Julie");
prenoms[1] = "Lucas";
prenoms.shift();

for (let nom of prenoms) {
  console.log(nom);
}

console.log("Taille :", prenoms.length);

Puis relie-le dans ta page HTML :

<script src="tableaux.js"></script>

Résumé

• Un tableau peut stocker plusieurs valeurs dans une seule variable
• Les éléments sont accessibles par index
• On peut ajouter, modifier, supprimer des éléments avec des méthodes
• On peut parcourir un tableau avec for, for...of, forEach()