Boucle While JavaScript

Tant que la condition est vraie, la boucle peut exécuter le bloc de code en continu.

Boucle While

La boucle while continuera à répéter le bloc de code tant que la condition spécifiée est vraie.

Syntaxe

while (Condition) {
    Bloc de code à exécuter
}

Exemple

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

while (i < 10) {
    text += "Le nombre est " + i;
    i++;
}

Essayez-le vous-même

Si vous oubliez d'incrémenter la variable utilisée dans la condition, la boucle ne se terminera jamais. Cela peut entraîner un crash du navigateur.

Boucle Do/While

La boucle do/while est une variante de la boucle while. Avant de vérifier si la condition est vraie, ce type de boucle exécute une fois le bloc de code, puis répète le cycle tant que la condition est vraie.

Syntaxe

do {
    Bloc de code à exécuter
}
while (Condition);

Exemple

L'exemple suivant utilise la boucle do/while. Cette boucle s'exécute au moins une fois, même si la condition est fausse, car le bloc de code est exécuté avant de tester la condition :

do {
    text += "Le nombre est " + i;
    i++;
 }
while (i < 10);

Essayez-le vous-même

while (i < 10);

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

Comparaison For et While

La boucle de cet exemple utilise Si vous avez lu les sections précédentes sur les boucles, vous remarquerez que la boucle while est très similaire à la boucle for, où les instructions 1 et 2 peuvent être omises.Pour extraire les marques de véhicules de l'array cars :

Exemple

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i = 0;
var text = "";
Boucle for
    text += cars[i] + "<br>";
    i++;
}

Essayez-le vous-même

La boucle de cet exemple utilise Boucle whilePour extraire les marques de véhicules de l'array cars :

Exemple

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i = 0;
var text = "";
while (cars[i]) {
    text += cars[i] + "<br>";
    i++;
}

Essayez-le vous-même

Livres de lecture

Pour plus d'informations sur Instruction while JavaScriptPour plus d'informations sur la

Instructions itératives ECMAScript
Les instructions itératives, également appelées instructions de boucle, sont introduites dans cette section. Elle vous présente les quatre instructions itératives fournies par ECMAScript.