Les Boucles while et do...while en JavaScript

Les boucles en JavaScript permettent de répéter un bloc de code plusieurs fois en fonction d'une condition. Les deux types de boucles que nous allons explorer ici sont la boucle while et la boucle do...while.

La Boucle while

La boucle while exécute un bloc de code tant qu'une condition spécifiée est vraie. La syntaxe est la suivante :

while (condition) {
    // corps de la boucle
}

Voici comment fonctionne la boucle while :

• La condition est évaluée avant l'exécution du code.
• Si la condition est vraie, le code dans la boucle est exécuté.
• La condition est évaluée à nouveau après l'exécution du code.
• Le processus continue tant que la condition reste vraie.
• Si la condition devient fausse, la boucle s'arrête.

Exemple 1 : Afficher les Nombres de 1 à 3

let i = 1;

while (i <= 3) {
    console.log(i);
    i++;
}

Sortie :

Explication :

• Initialement, i est égal à 1.
• Tant que i est inférieur ou égal à 3, la valeur de i est affichée, puis i est incrémenté de 1.
• Lorsque i devient 4, la condition devient fausse et la boucle se termine.

Exemple 2 : Somme des Nombres Positifs

let num = 0, sum = 0;

while (num >= 0) {
    sum += num;
    num = parseInt(prompt("Entrez un nombre :"));
}

console.log(`La somme est ${sum}`);

Sortie :

Explication :

• La boucle continue à ajouter les nombres saisis par l'utilisateur tant que ces nombres sont positifs.
• Lorsque l'utilisateur entre un nombre négatif, la boucle s'arrête et la somme des nombres positifs est affichée.

La Boucle do...while

La boucle do...while exécute un bloc de code une première fois, puis continue à l'exécuter tant qu'une condition spécifiée est vraie. La syntaxe est la suivante :

do {
    // corps de la boucle
} while (condition);

Voici comment fonctionne la boucle do...while :

• Le code à l'intérieur de la boucle est exécuté au moins une fois.
• Ensuite, la condition est évaluée.
• Si la condition est vraie, le code est exécuté à nouveau.
• Le processus continue tant que la condition reste vraie.
• Si la condition devient fausse, la boucle se termine.

Exemple 3 : Afficher les Nombres de 3 à 1

let i = 3;

do {
    console.log(i);
    i--;
} while (i > 0);

Sortie :

Explication :

• Initialement, i est égal à 3.
• La boucle do...while affiche i, puis décrémente sa valeur.
• La boucle continue jusqu'à ce que i soit égal ou inférieur à 0.

Exemple 4 : Somme des Nombres Positifs

let sum = 0, num = 0;

do {
    sum += num;
    num = parseInt(prompt("Entrez un nombre :"));
} while (num >= 0);

console.log(`La somme est ${sum}`);

Sortie :

Explication :

• La boucle do...while fonctionne de la même manière que l'exemple précédent avec la boucle while.
• La différence est que la boucle do...while garantit que le code est exécuté au moins une fois, même si la condition est fausse dès le début.