Guide JavaScript 1.5:Boucles:L'instruction for

Un article de MDC.

[modifier] L'instruction for

Une boucle for se répète jusqu'à ce qu'une condition spécifiée soit évaluée à false. La boucle for de JavaScript est similaire à celle qui existe en Java et en C. Une instruction for ressemble à ceci :

for ([instructionInitiale]; [condition]; [instructionIncrémentale])
   instruction

Lorsqu'une boucle for est exécutée, voici ce qui se produit :

1. L'instruction initiale instructionInitiale, si présente, est exécutée. En général, celle-ci initialise un ou plusieurs compteurs de boucle, mais la syntaxe permet d'utiliser une instruction de n'importe quel degré de complexité. On peut également y déclarer des variables.
2. L'expression condition est évaluée. Si la valeur de condition est true, les instructions de la boucle sont exécutées. Si sa valeur est false, la boucle for se termine. Si l'expression condition est totalement absente, la condition est supposée être toujours vraie (true).
3. L'instruction instruction est exécutée. Pour exécuter plusieurs instructions, utilisez une déclaration de bloc ({ ... }) pour les grouper ensemble.
4. L'instruction de mise à jour instructionIncrémentale, si présente, est exécutée, et l'on retourne à l'étape 2.

Exemple
La fonction suivante contient une instruction for qui compte le nombre d'options sélectionnées dans une liste de sélection (un objet Select qui permet des sélections multiples). L'instruction for déclare la variable i et l'initialise à zéro. Elle vérifie que i est inférieur au nombre d'options dans l'objet Select, exécute l'instruction if qui suit, et incrémente i de un après chaque passage dans la boucle.

<script type="text/javascript">//<![CDATA[

function combien(objetSelect) {
   var nbSelection = 0;
   for (var i = 0; i < objetSelect.options.length; i++) {
      if (objetSelect.options[i].selected)
         nbSelection++;
   }
   return nbSelection;
}

//]]></script>
<form name="selectForm">
   <p>
      <strong>Choisissez certains types de musique, puis cliquez sur le bouton :</strong>
      <br/>
      <select name="typesDeMusique" multiple="multiple">
         <option selected="selected">R&B</option>
         <option>Jazz</option>
         <option>Blues</option>
         <option>New Age</option>
         <option>Classique</option>
         <option>Opéra</option>
      </select>
   </p>
   <p>
      <input type="button" value="Combien d'options sont sélectionnées ?"
         onclick="alert ('Nombre d\'options sélectionnées : ' + combien(document.selectForm.typesDeMusique))"/>
   </p>
</form>