L'instructionfor crée une boucle composée de trois expressions optionnelles séparées par des points-virgules et encadrées entre des parenthèses qui sont suivies par une instruction (généralementune instruction de bloc) à exécuter dans la boucle.

Exemple interactif

let str = "";for (let i = 0; i < 9; i++) {  str = str + i;}console.log(str);// Expected output: "012345678"

Syntaxe

for ([initialisation]; [condition]; [expression_finale]) instruction;

Paramètres

initialisation

Une expression (pouvant être une expression d'affectation) ou une déclaration de variable. Cette expression est évaluée une fois avant que la boucle démarre. On utilise généralement une variable qui agit comme un compteur. Cette expression peut éventuellement déclarer de nouvelles variables avec le mot-clévar oulet. Les variables déclarées avecvar se situent dans la même portée que la bouclefor (elles ne sont pas locales au sein de la boucle), les variables déclarées aveclet sont locales à la boucle. Le résultat de l'expression n'est pas utilisé.

condition

Une expression qui est évaluée avant chaque itération de la boucle. Si cette expression est vérifiée, l'instruction est exécutée. Ce test est optionnel. S'il n'est pas présent, la condition sera toujours vérifiée. Si l'expression n'est pas vérifiée (i.e. vautfalse), l'exécution se poursuivra à la première expression qui suit la bouclefor.

expression_finale

Une expression qui est évaluée à la fin de chaque itération. Cela se produit avant l'évaluation de l'expressioncondition. Cette expression est généralement utilisée pour mettre à jour ou incrémenter le compteur qu'est la variable d'initialisation.

instruction

Une instruction qui est exécutée tant que la condition de la boucle est vérifiée. Afin d'exécuter plusieurs instructions au sein d'une telle boucle, il faudra utiliser une instruction debloc ({ ... }) qui regroupera ces différentes instructions.

Exemples

Utiliserfor

L'instructionfor qui suit débute en déclarant la variablei et en l'initialisant à 0. Elle vérifie quei est inférieur (strictement) à 9 et exécute ensuite les deux instructions contenues dans la boucle, ensuite elle incrémentei de 1, ce qui sera fait à chaque passage dans la boucle.

for (var i = 0; i < 9; i++) {  n += i;  myfunc(n);}

Expressions optionnelles pourfor

Les trois expressions qui composent l'instructionfor sont optionnelles :

Par exemple, le bloc pour l'initialisation peut ne pas être utilisé :

var i = 0;for (; i < 9; i++) {  console.log(i);  // d'autres instructions}

De même que pour le bloc d'initialisation, l'expression de condition est optionnelle. Attention, si l'expression de condition n'est pas utilisée, il faut s'assurer d'interrompre la boucle et de ne pas créer une boucle infinie.

for (var i = 0; ; i++) {  console.log(i);  if (i > 3) break;  // d'autres instructions}

Les trois blocs d'expressions peuvent être omis. Encore une fois, il faudra utiliser une instructionInstructions/break pour terminer la boucle. Si le test se fait sur un seuil, on veillera à incrémenter la variable pour que la condition d'arrêt modifiée soit respectée.

var i = 0;for (;;) {  if (i > 3) break;  console.log(i);  i++;}

Utiliserfor avec une instruction vide

L'instructionfor qui suit calcule le décalage d'un nœud et le fait dans la section qui correspond à l'expression finale. Il n'y a donc aucun intérêt à ajouter une instruction ou un bloc d'instruction dans la boucle pour faire ce calcul.

function showOffsetPos(sId) {  var nLeft = 0,    nTop = 0;  for (    var oItNode = document.getElementById(sId);    oItNode;    nLeft += oItNode.offsetLeft,      nTop += oItNode.offsetTop,      oItNode = oItNode.offsetParent  );  console.log(    'Décalage de position : "' +      sId +      '" element:\n left: ' +      nLeft +      "px;\n top: " +      nTop +      "px;",  );}

Spécifications

Compatibilité des navigateurs

Voir aussi

• break
• continue
• Instruction vide
• while
• do...while
• for...in
• for...of