Boucles While en JavaScript

Boucles While

Les boucles while exécutent un bloc de code tant qu'une condition spécifiée est vraie.

JavaScript propose deux types de boucles while :

  • La boucle while
  • La boucle do while

La Boucle While

La while boucle parcourt un bloc de code tant qu'une condition spécifiée est vraie.

Syntaxe

while ( condition ) {
// bloc de code à exécuter
}

Dans l'exemple suivant, le code dans la boucle s'exécutera encore et encore tant qu'une variable (i) est inférieure à 10 :

Exemple

while (i < 10) {
text += "Le nombre est " + i;
i++;
}
Essayez-le vous-même »

Remarque

Si vous oubliez d'incrémenter la variable utilisée dans la condition, la boucle ne se terminera jamais.

Cela fera planter votre navigateur.


La Boucle Do While

La do while boucle est une variante de la boucle while. Cette boucle exécutera le bloc de code une fois avant de vérifier si la condition est vraie, puis elle répétera la boucle tant que la condition est vraie.

Syntaxe

do {
// bloc de code à exécuter
}
while ( condition );

Remarque

La do while s'exécute au moins une fois, même si la condition est fausse dès le départ.

Cela est dû au fait que le bloc de code est exécuté avant que la condition ne soit testée :

Exemple

do {
text += "Le nombre est " + i;
i++;
}
while (i < 10);
Essayez-le vous-même »

N'oubliez pas d'incrémenter la variable utilisée dans la condition, sinon la boucle ne se terminera jamais !



Comparaison entre For et While

Une boucle while est très similaire à une boucle for, avec l'instruction 1 et l'instruction 3 omises.

Exemple

Utilise une for boucle pour collecter les noms de voitures du tableau cars :

const cars = ["BMW", "Volvo", "Saab", "Ford"];
let i = 0;
let text = "";

for (;cars[i];) {
text += cars[i];
i++;
}
Essayez-le vous-même »

Exemple

Utilise une while boucle pour collecter les noms de voitures du tableau cars :

const cars = ["BMW", "Volvo", "Saab", "Ford"];
let i = 0;
let text = "";

while (cars[i]) {
text += cars[i];
i++;
}
Essayez-le vous-même »