La boucle for en JavaScript

Dans un programme, une boucle consiste à exécuter un certain nombre de fois les mêmes instructions. On les exécute une première fois, puis on remonte dans le programme pour les exécuter une deuxième fois, puis on remonte...d'où l'image de la boucle.

Le programmeur a besoin de contrôler le nombre de parcours de boucle que son programme va faire, et les conditions d'arrêt de ce cycle.

Dans la boucle for, on se sert d'un compteur de boucle pour contrôler le nombre de parcours de boucle. Pour faire ce comptage, il faut faire trois choses :

1. Initialiser la valeur du compteur.
2. Ecrire une condition pour fixer la valeur maximale à ne pas dépasser.
3. Faire évoluer la valeur du compteur par incrémentation.

Dans la syntaxe, on dispose de trois emplacements pour faire ces trois choses.

Syntaxe

for ( initialisation_du_compteur ; condition_pour_maximum ; incrémentation ) une_instruction; for ( initialisation_du_compteur ; condition_pour_maximum ; incrémentation ) { un_bloc_instructions; }

Précision, j'ai parlé de compteur de boucle pour l'explication, car c'est plus imagé. En fait, on appelle ce compteur un indice de boucle.

Exemples

Ici, i est l'indice de boucle. On le déclare et on l'initialise à 0, puis on fixe sa valeur maximale à 2, puis on l'incrémente par pas de 1.

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

On peut aussi parcourir la boucle en décrémentant l'indice de boucle

for ( var i=2 ; i>=0 ; i-- ) alert(i);

On peut avoir besoin, pour diverses raisons, de sortir de la boucle avant que l'indice de boucle ait atteint sa valeur de sortie. 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 tour de boucle pour i=0, puis un autre pour i=1, puis on fait le test i==1 qui est vrai, et on passe par le break qui nous sort de la boucle

for ( var i=0 ; i<=2 ; i++ ) { alert(i); if ( i == 1 ) break; }

Pour une valeur particulière de l'indice de boucle, on peut avoir besoin d'interrompre le parcours "courant" de la boucle, tout en continuant à boucler sur les valeurs suivantes de l'indice. Pour ça on utilise l'instruction continue.

Ci-dessous, on va faire un tour de boucle pour i=0, puis pour i=1, on va passer par le continue et sauter le tour de boucle et enfin, on va terminer le dernier tour avec i=2.

for ( var i=0 ; i<=2 ; i++ ) { if ( i == 1 ) continue; alert(i); }

Les valeurs de l'indice de boucle ne sont pas obligées de se suivre. Et évidemment on n'est pas obligé de commencer à 0.

Ci-dessous, on parcourt la boucle par pas de 2 sur la valeur de l'indice, et on commence à 1.

for ( var i=1 ; i<=5 ; i+=2 ) { alert(i); // Affiche 1 puis 3 puis 5 }