Contenu Index

La boucle for
Partie 1 : Les base du JavaScript ›› Les boucles en Javascript ››
te à deux balles
Partie 1 : Les base du JavaScript
Partie 2 : Modeler vos pages Web
Partie 3 : Les objets : conception et utilisation
Partie 4 : L'échange de données avec l'AJAX
Partie 5 Javascript et HTML 5
Partie 6 Annexe

La boucle for ressemble dans son fonctionnement à la boucle while, mais son architecture paraît compliquée au prem

Le schéma d'une boucle for est le suivant :

Code : JavaScript
1 for (initialisation; condition; incrémentation) {
2 instruction_1;
3 instruction_2;
4 instruction_3;
5}

Dans les parenthèses de la boucle ne se trouve plus juste la condition, mais trois blocs : initialisation, condition, et inc

for, la boucle conçue pour l'incrémentation

La boucle for possède donc trois blocs qui la définissent. Le troisième est le bloc d'incrémentation qu'on va utiliser pou

Dans l'exemple suivant, on va afficher cinq fois une boîte de dialogue à l'aide de alert(), qui affichera le numéro de chaq

Code : JavaScript
1 for (var iter = 0; iter < 5; iter++) {
2 alert('Itération n°' + iter);
3}

Dans le premier bloc, l'initialisation, on initialise une variable appelée iter qui vaut 0 ; le mot-clé var est requis, comme p

Mais il ne m'affiche que « Itération n°4 » à la fin, il n'y a pas d'itération n°5 ?

C'est tout à fait normal, ce pour deux raisons : le premier tour de boucle porte l'indice 0, donc si on compte de 0 à 4, il y

Reprenons notre exemple

Avec les quelques points de théorie que nous venons de voir, nous pouvons réécrire notre exemple des prénoms, tout

Code : JavaScript
1 for (var nicks = '', nick; true;) {
2 nick = prompt('Entrez un prénom :');
3
4 if (nick) {
5 nicks += nick + ' ';
6 } else {
7 break;
8 }
9 }
10
11 alert(nicks);

Dans le bloc d'initialisation (le premier), on commence par initialiser nos deux variables. Vient alors le bloc avec la con

Maintenant, modifions la boucle de manière à compter combien de prénoms ont été enregistrés. Pour ce faire, nous a

Les variables de boucles for sont généralement nommées i. Si une boucle se trouve dans une autre boucle, la variable

Code : JavaScript
1 for (var i = 0, nicks = '', nick; true; i++) {
2 nick = prompt('Entrez un prénom :');
3
4 if (nick) {
5 nicks += nick + ' ';
6 } else {
7 break;
8 }
9 }
10
11 alert('Il y a ' + i + ' prénoms :\n\n' + nicks);

La variable de boucle a été ajoutée dans le

 j
Les deux caractères « \n » sont là pour faire des sauts de ligne. Un « \n » permet de faire un saut de ligne, donc dans le

Portée des variables de boucle

En Javascript, il est déconseillé de déclarer des variables au sein d'une boucle (entre les accolades), pour des soucis d
toujours, ce qui explique que dans l'exemple précédent on puisse récupérer la valeur de i une fois la boucle terminée. C

Priorité d'exécution

Les trois blocs qui constituent la boucle for ne sont pas exécutés en même temps :

Initialisation : juste avant que la boucle ne démarre. C'est comme si les instructions d'initialisation avaient été é
Condition : avant chaque passage de boucle, exactement comme la condition d'une boucle while ;
Incrémentation : après chaque passage de boucle. Cela veut dire que, si vous faites un break dans une boucle f

La boucle for est très utilisée en Javascript, bien plus que la boucle while, contrairement à d'autres langages de progra
car elle ne s'utilise que dans certains cas spécifiques.

Sébastien de la Marck (Thunderseb) et Johann Pardanaud (Nesquik69) adapté par Jean du LPH

Site à deux balles