Les boucles while en JavaScript

On répète la boucle tant que la condition est vraie. Pour que le fonctionnement soit normal, il faut que la condition puisse évoluer au cours des parcours de boucle.

On peut se retrouver dans deux situations particulières. Soit ne jamais rentrer dans la boucle, soit ne plus en sortir.

Syntaxe

while ( condition ) instruction; while ( condition ) { bloc_instructions; }

Exemple

Ci-dessous, lorsque le programme arrive sur la boucle, i vaut 0. Il est inférieur ou égal à 2, donc le alert est exécuté, puis i est incrémenté. Ensuite, le programme repart sur la condition. Lorsque i vaut 3, on ne rentre pas dans la boucle.

var i=0; while ( i <= 2 ) alert(i++);

Ici, je fais exactement la même chose sauf que j'ai décomposé.

var i=0; while ( i <= 2 ) { alert(i); i=i+1; }

On peut avoir besoin, pour diverses raisons, de sortir de la boucle avant que la condition ait basculé. Pour ça, on utilise l'instruction break. Le plus souvent le break est précédé d'un test conditionnel. Si la condition de ce test est réalisée, on fait le break, et on sort de la boucle.

Ci-dessous, on fait un premier tour de boucle et on affiche 0. On fait un deuxième tour de boucle, et on affiche 1. Puis, on passe par le break et on sort de la boucle.

var i=0; while ( i <= 2 ) { alert(i); // Affiche 0 puis 1 if ( i==1) break; i++; }

On peut avoir besoin d'interrompre le parcours "courant" de la boucle, tout en continuant à boucler tant que la condition est vraie. Pour ça on utilise l'instruction continue.

Ci-dessous, on affiche 0 puis pour i égal à 1 on interrompt le parcours courant de la boucle pour aller évaluer une nouvelle fois la condition. Avec i égal à 2, on fait un dernier parcours de la boucle.

var i=0; while ( i <= 2 ) { if ( i==1) { i++ ; continue; } alert(i); // Affiche 0 puis 2 i++; }

Avec une boucle do while, on peut couvrir les cas où on a besoin d'exécuter la boucle une première fois avant d'évaluer la condition pour savoir si on doit sortir.

Syntaxe

do instruction; while (condition) do { bloc_instructions } while ( condition )

Exemple

Ci-dessous, on rentre dans la boucle quoiqu'il arrive. Le alert affiche 0. Puis on sort étant donné que la condition est false.

var i=0; do { alert(i++); // Affiche 0 } while ( false )