Boucles : for, while, for...of

Répétez des instructions sans vous répéter grâce aux boucles for, while et for...of.

7 min · 3 questions

Imaginez devoir afficher un message de bienvenue pour 100 utilisateurs : copier 100 fois la même ligne serait pénible et source d'erreurs. Une boucle est une structure qui répète un bloc d'instructions plusieurs fois. JavaScript propose plusieurs boucles ; commençons par la plus connue : la boucle for.

for (let i = 1; i <= 3; i++) {
  console.log("Tour numéro " + i);
}
// Affiche : Tour numéro 1
// Affiche : Tour numéro 2
// Affiche : Tour numéro 3

La ligne for (let i = 1; i <= 3; i++) se lit en trois parties, séparées par des points-virgules : le départ (let i = 1 crée un compteur nommé i qui vaut 1), la condition (i <= 3 : la boucle continue tant que c'est vrai) et le pas (i++ ajoute 1 à i après chaque tour). La boucle s'arrête dès que la condition devient fausse.

La boucle while (« tant que ») est plus simple : elle répète son bloc tant que sa condition est vraie. On l'utilise quand on ne connaît pas à l'avance le nombre de répétitions.

let batteryLevel = 3;

while (batteryLevel > 0) {
  console.log("Batterie : " + batteryLevel);
  batteryLevel = batteryLevel - 1;
}
console.log("Batterie vide !");

Enfin, la boucle for...of parcourt directement les valeurs d'une collection, comme un tableau (une liste de valeurs, que vous étudierez en détail dans la leçon 5). À chaque tour, la variable reçoit la valeur suivante : aucun compteur à gérer.

const fruits = ["pomme", "banane", "cerise"];

for (const fruit of fruits) {
  console.log(fruit);
}
// Affiche : pomme, puis banane, puis cerise

Quiz de validation

Vérifiez que vous avez bien retenu les points clés de cette leçon.

1. Combien de fois s'exécute le bloc de for (let i = 0; i < 3; i++) ?
   • 2 fois
   • 3 fois
   • 4 fois
2. Quelle boucle parcourt directement les valeurs d'un tableau, sans compteur ?
   • for...of
   • while
   • if
3. Que se passe-t-il si la condition d'une boucle while ne devient jamais fausse ?
   • La boucle s'arrête après 1000 tours
   • JavaScript ignore la boucle
   • La boucle tourne sans fin et le programme se fige