Leçon 5 / 12
Leçon 05 · Partie 1 — Les fondamentaux

Boucles

Répéter des actions sans se répéter

Imagine envoyer un message à 100 membres. Sans boucle, tu écrirais 100 fois la même ligne. C'est absurde.

Les boucles répètent une action autant de fois qu'on veut, avec une seule instruction.

La boucle for — quand on sait combien de fois

Utilise for quand tu sais à l'avance combien de fois répéter.

JavaScript
// Afficher les nombres de 1 à 5
for (let i = 1; i <= 5; i++) {
  console.log(i);
}
// Affiche : 1, 2, 3, 4, 5

La boucle for a trois parties séparées par ; :

  1. let i = 1 — on crée un compteur qui commence à 1
  2. i <= 5 — la boucle tourne tant que cette condition est vraie
  3. i++ — après chaque tour, on ajoute 1 au compteur

Quand la condition devient fausse, la boucle s'arrête.

JavaScript — exemple pratique
// Table de multiplication de 3
for (let i = 1; i <= 10; i++) {
  console.log(`3 x ${i} = ${3 * i}`);
}

// Compter à rebours
for (let i = 5; i >= 1; i--) {
  console.log(i);
}
console.log("Décollage !");

La boucle while — tant que

Utilise while quand tu ne sais pas combien de tours il faudra. Elle tourne "tant que" la condition est vraie.

JavaScript
let energie = 100;

while (energie > 0) {
  console.log(`Énergie restante : ${energie}%`);
  energie -= 25; // on dépense 25% d'énergie à chaque tour
}
console.log("Plus d'énergie !");
⚠️

Attention à la boucle infinie ! Si tu oublies de modifier la condition, la boucle ne s'arrête jamais. Ton programme se bloque. Assure-toi que la condition deviendra fausse.

break et continue — contrôler une boucle

Deux mots-clés contrôlent une boucle :

  • break — arrête la boucle immédiatement
  • continue — passe au tour suivant, saute le reste du bloc
JavaScript
// break — on s'arrête dès qu'on trouve le nombre 4
for (let i = 1; i <= 10; i++) {
  if (i === 4) break;
  console.log(i); // affiche 1, 2, 3
}

// continue — on saute les nombres pairs
for (let i = 1; i <= 8; i++) {
  if (i % 2 === 0) continue; // nombre pair → on passe
  console.log(i); // affiche 1, 3, 5, 7
}

forEach — boucler sur un tableau

Pour parcourir un tableau, forEach est la façon la plus claire. On verra les tableaux en détail dans la leçon 7.

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

fruits.forEach(function(fruit) {
  console.log(`J'aime les ${fruit}s !`);
});

// Affiche :
// J'aime les pommes !
// J'aime les bananes !
// J'aime les cerises !

Essaie dans le playground

Playground — Boucles
Sortie
Lance le code avec le bouton ▶ Exécuter
// À retenir
  • for (init; condition; màj) { ... } — quand on sait combien de répétitions
  • while (condition) { ... } — tant que la condition est vraie
  • break arrête la boucle, continue passe au tour suivant
  • tableau.forEach(function(element) { ... }) — parcourir un tableau
  • Toujours vérifier qu'une boucle while a une condition qui finira par être fausse