Les boucles permettent de répéter des actions sans avoir à écrire plusieurs fois les mêmes instructions.

Les boucles while (“tant que” en anglais) bouclent sans fin, et indéfiniment, jusqu'à ce que la condition entre les parenthèses ( ) devienne fausse.

while (condition) {
		// tant que la condition est vraie (true), la boucle se répète
}

Exemple :

var i=0;
while ( i < 3 ) {
    document.write(i + " <br>");        // <br> permet de sauter une ligne
    i = i + 1;         // la valeur de i est incrémentée de 1
}

Résultat de l'exemple :

0
1
2

Remarques :

• document.write(texte) : Ecrit le paramètre texte dans le document, à la position de l'appel du script. Le paramètre texte peut être une chaîne de caractères classiques, du code HTML et même du JavaScript.

• Ecrire i++ est équivalent à i = i + 1 ;
• i– est équivalent à i = i - 1 ;
• i+ = 5 est équivalent à i = i + 5.

var compteur = 1 ;
while (compteur<10) {
     document.write(compteur) ;
     compteur++ ;
};

var number = 1;
while (number < 10) {
    number++;
}
document.write(number);

La boucle for est utilisée quand on connait déjà le nombre d'itérations de la boucle avant même de l'appeler.

for (initialisation ; condition ; incrémentation) {
	instruction1 ;
	instruction2 ;
}

Exemple :

for (i=-1; i<4 ; i++)
{
    document.write(i + " <br>");
}

Résultat de l'exemple :

-1
0
1
2
3

• Initialisation : on initialise une variable i qui vaut -1.
• Condition : on définit dans la condition que la boucle continue tant que i est strictement inférieur à 4.
• Incrémentation : on indique que i sera incrémentée à chaque itération terminée. L’instruction i++ est équivalente à i = i+1.