Semaine 2 - Jour 2 | Tableaux

Qu'est-ce qu'un tableau ?

Un tableau (array) est une structure de données qui permet de stocker plusieurs valeurs dans une seule variable. Les valeurs sont ordonnées et accessibles par leur position (index).

Analogie : Un tableau est comme une liste de courses, une file d'attente, ou un casier avec des compartiments numérotés.

Important : Les index commencent à 0 en JavaScript ! Le premier élément est à l'index 0, le deuxième à l'index 1, etc.

1. Création et accès

On crée un tableau avec des crochets [] et on accède aux éléments par leur index.

                        // Créer un tableau

                        let fruits = ['Pomme', 'Banane', 'Orange'];

                        // Accès par index (commence à 0)

                        console.log(fruits[0]); // 'Pomme'

                        console.log(fruits[1]); // 'Banane'

                        // Modifier un élément

                        fruits[1] = 'Fraise';

                        console.log(fruits); // ['Pomme', 'Fraise', 'Orange']

2. Propriété length

La propriété .length retourne le nombre d'éléments dans le tableau.

                        let nombres = [10, 20, 30, 40, 50];

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

                        // Accéder au dernier élément

                        let dernier = nombres[nombres.length - 1];

                        console.log(dernier); // 50

                        // Vérifier si tableau vide

                        if (nombres.length > 0) {

                          console.log('Le tableau contient des éléments');

                        }

3. Ajouter et retirer des éléments

push() ajoute à la fin • pop() retire de la fin
unshift() ajoute au début • shift() retire du début

                        let courses = ['Pain', 'Lait'];

                        // Ajouter à la fin

                        courses.push('Oeufs');

                        console.log(courses); // ['Pain', 'Lait', 'Oeufs']

                        // Retirer de la fin

                        let dernier = courses.pop();

                        console.log(dernier); // 'Oeufs'

                        // Ajouter au début

                        courses.unshift('Beurre');

                        // Retirer du début

                        let premier = courses.shift();

4. Parcourir un tableau

Plusieurs façons de parcourir un tableau : boucle for classique ou for...of.

                        let couleurs = ['Rouge', 'Vert', 'Bleu'];

                        // Boucle for classique

                        for (let i = 0; i < couleurs.length; i++) {

                          console.log(couleurs[i]);

                        }

                        // Boucle for...of (plus simple)

                        for (let couleur of couleurs) {

                          console.log(couleur);

                        }

                        // forEach (méthode de tableau)

                        couleurs.forEach(c => console.log(c));

Exemples pratiques

                    // Gestion d'une liste de courses

                    let listeCourses = [];

                    // Ajouter des articles

                    listeCourses.push('Pain');

                    listeCourses.push('Lait');

                    listeCourses.push('Fromage');

                    console.log('Ma liste:', listeCourses);

                    console.log('Nombre d\'articles:', listeCourses.length);

                    // Afficher chaque article avec numéro

                    for (let i = 0; i < listeCourses.length; i++) {

                      console.log(`${i + 1}. ${listeCourses[i]}`);

                    }

                    // Calculer la somme d'un tableau de prix

                    let prix = [12.50, 8.30, 15.99, 6.20];

                    let total = 0;

                    for (let p of prix) {

                      total += p;

                    }

                    console.log('Total:', total.toFixed(2), '€');

Copiez ces exemples dans la console interactive ci-dessus !