Boucle While JavaScript

Tant que la condition spécifiée est vraie, le bloc de code peut être exécuté.

Boucle while

La boucle while exécutera les instructions spécifiées tant que la valeur de la condition est vraie.

La syntaxe de la boucle while est la suivante :

while (condition) {　//　Tant que la condition est vraie, exécutez le code}

var n = 0;
while (n <　5) {
　　　document.write("<br>Ce nombre est "　+　n);
　　　n++;
}

Attention :Si vous devez utiliser uneConditionVeuillez initialiser cette variable avant le cycle, puis l'augmenter à l'intérieur du cycle. Si vous oubliez d'augmenter la variable, le cycle ne se terminera jamais. Cela peut faire planter votre navigateur.

Cycle infini

UnCycle infiniEn d'autres termes, c'est un cycle qui continuera éternellement. Si vous ne faites pas attention et créez un cycle infini, cela peut entraîner la défaillance du navigateur ou de l'ordinateur. Il est important de prendre conscience des cycles infinis afin de les éviter.

Lorsque la condition de l'instruction while est définie commetrueUn cycle infini se produira dans ce cas.

　　while (true) {
　　　　//　Exécuter à tout jamais le code
　　}

Un cycle infini continuera à s'exécuter éternellement, mais peut être interrompu en utilisant le mot-clé break.

Boucle do...while

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

La syntaxe de cette boucle do...while est la suivante :

do {
//　Les instructions à exécuter
}
while (condition);

do {
　　　document.write("<br>Le nombre est "　+　n);
　　　n++;
}
while (n <　5);

Ne pas oublier d'augmenter la variable utilisée dans la condition, sinon le cycle ne se terminera jamais.

Attention :Même si la condition est faux, ce cycle est toujours au moins exécuté une fois, car le bloc de code est exécuté avant le test de condition :

var n =　5;
do {
　　　document.write("<br>Le nombre est "　+　n);
　　　n++;
}
while (n <　3);　　//　false

La différence entre les boucles while et do...while

Le boucle while diffère de la boucle do...while d'une manière importante en ce que l'utilisation du boucle while teste la condition à chaque itération de la boucle, donc si le résultat de l'expression conditionnelle est faux, le cycle ne sera jamais exécuté.

D'autre part, en utilisant la boucle do ... while, même si le résultat du calcul de l'expression conditionnelle est false, la boucle sera toujours exécutée une fois, car contrairement à la boucle while, la condition est calculée à la fin de l'itération de la boucle, et non au début.

Comparaison entre les boucles for et while

Si vous avez lu le chapitre précédent sur les boucles for, vous constaterez que la boucle while est très similaire à la boucle for, mais elle omet l'expression d'initialisation et l'expression finale.

Dans cet exemple, la boucle for utilise une boucle pour obtenir les noms de fruits à partir de l'array fruits :

var fruits = ['Apple', 'Mango', 'Banana', 'Orange'];
var txt = '';
for (var i = 0; i < fruits.length; i++) {
txt　+= fruits[i]　+　'<br>';
}

Dans cet exemple, la boucle while utilise une boucle pour obtenir les noms de fruits à partir de l'array fruits :

var fruits = ['Apple', 'Mango', 'Banana', 'Orange'];
var txt = '';
var i = 0;
while (i < fruits.length) {
　txt　+= fruits[i]　+　'<br>';
　i++;
}