Les Boucles et l'itération

Les boucles permettent de répéter du code automatiquement.

Elles sont très utilisées pour parcourir des collections, traiter des données ou répéter une action plusieurs fois.

En JavaScript, les boucles sont souvent utilisées avec les tableaux.

1. La boucle for

La boucle for permet de répéter du code un certain nombre de fois.

for (let i = 0; i < 5; i++) {

    console.log(i);

}

Cette boucle affiche les nombres de 0 à 4.

2. Incrémentation

L'opérateur ++ augmente une valeur de 1.

let number = 0;

number++;

console.log(number);

3. Parcourir un tableau

Les boucles servent souvent à parcourir une collection.

const fruits = [

    "Pomme",
    "Banane",
    "Orange"

];

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

    console.log(fruits[i]);

}

Ici, la boucle affiche chaque élément du tableau.

4. La boucle for...of

La boucle for...of est une syntaxe moderne pour parcourir une collection.

const fruits = [

    "Pomme",
    "Banane",
    "Orange"

];

for (const fruit of fruits) {

    console.log(fruit);

}

Cette syntaxe est souvent plus simple et plus lisible.

5. continue

Le mot-clé continue passe directement à l'itération suivante.

for (let i = 0; i < 5; i++) {

    if (i === 2) {

        continue;

    }

    console.log(i);

}

6. break

Le mot-clé break arrête complètement la boucle.

for (let i = 0; i < 10; i++) {

    if (i === 5) {

        break;

    }

    console.log(i);

}

7. map()

La méthode map() transforme chaque élément d'un tableau.

const numbers = [1, 2, 3];

const doubled = numbers.map(number => {

    return number * 2;

});

console.log(doubled);

map() retourne un nouveau tableau.

8. filter()

La méthode filter() conserve seulement certains éléments.

const numbers = [1, 2, 3, 4];

const evenNumbers = numbers.filter(number => {

    return number % 2 === 0;

});

console.log(evenNumbers);

9. reduce()

La méthode reduce() permet de réduire une collection à une seule valeur.

const numbers = [1, 2, 3, 4];

const total = numbers.reduce((sum, number) => {

    return sum + number;

}, 0);

console.log(total);

10. every()

La méthode every() vérifie si tous les éléments respectent une condition.

const numbers = [2, 4, 6];

const result = numbers.every(number => {

    return number % 2 === 0;

});

console.log(result);

11. some()

La méthode some() vérifie si au moins un élément respecte une condition.

const numbers = [1, 3, 4];

const result = numbers.some(number => {

    return number % 2 === 0;

});

console.log(result);

Résumé rapide