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.
// 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 ; :
let i = 1— on crée un compteur qui commence à 1i <= 5— la boucle tourne tant que cette condition est vraiei++— après chaque tour, on ajoute 1 au compteur
Quand la condition devient fausse, la boucle s'arrête.
// 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.
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édiatementcontinue— passe au tour suivant, saute le reste du bloc
// 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.
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
for (init; condition; màj) { ... }— quand on sait combien de répétitionswhile (condition) { ... }— tant que la condition est vraiebreakarrête la boucle,continuepasse au tour suivanttableau.forEach(function(element) { ... })— parcourir un tableau- Toujours vérifier qu'une boucle
whilea une condition qui finira par être fausse