Les Boucles

for, while, break et continue

Utilisez les flĂšches, cliquez ou glissez pour naviguer

Objectifs de la leçon

1. Écrire une boucle for

Initialisation, condition, incrémentation

2. Écrire une boucle while

Condition d'arrĂȘt

3. Utiliser break et continue

Sortir ou sauter une itération

4. Éviter les boucles infinies

Reconnaßtre et prévenir

5. Choisir entre for et while

Selon la situation

Plan du cours (8h30 — 10h00)

1

Poser le problĂšme

Afficher 1 Ă  100 sans Ă©crire 100 lignes — il nous faut les boucles

2

La boucle for

Init, condition, incrĂ©mentation — demo live avec compteur 1 Ă  10

3

La boucle while

RĂ©pĂ©ter tant qu'une condition est vraie — quand l'utiliser vs for

4

break et continue

Sortir ou sauter — analogie avec la vie quotidienne

5

Danger : les boucles infinies

Comment les éviter et Ctrl+C pour s'en sortir

Le problĂšme

Afficher les nombres de 1 Ă  100

// Sans boucle... đŸ˜±

console.log(1);

console.log(2);

console.log(3);

...

console.log(100);

// 100 lignes de code! ❌

💡 Solution : Les boucles!

Répéter une action plusieurs fois automatiquement

La boucle for

Quand tu sais combien de tours

3 éléments essentiels :

initialisation · condition · incrémentation

Syntaxe de la boucle for

for (let i = 1; i <= 10; i++) {

console.log(i);

}

let i = 1

Initialisation

Point de départ

i <= 10

Condition

Continuer tant que vrai

i++

Incrémentation

À chaque tour

💡 i++ est Ă©quivalent Ă  i = i + 1

Demo : Compteur 1 Ă  10

for (let i = 1; i <= 10; i++) {

console.log(i);

}

// Résultat dans la console :

1

2

3

...

10

✅ 10 lignes de code → 3 lignes!

Solution : Afficher 1 Ă  100

for (let i = 1; i <= 100; i++) {

console.log(i);

}

🎉 ProblĂšme rĂ©solu!

100 lignes → 3 lignes de code

La boucle while

Quand tu ne sais pas combien de tours

Répéter tant que une condition est vraie

Syntaxe de la boucle while

while (condition) {

// code à répéter

}

La condition est vérifiée avant chaque tour

Si la condition est fausse dÚs le départ, le code ne s'exécute jamais

let compteur = 1;

while (compteur <= 5) {

console.log(compteur);

compteur++;

}

for vs while : Quand utiliser lequel?

for

Tu sais combien de tours

✅ Compter de 1 à 100

✅ Parcourir un tableau

✅ RĂ©pĂ©ter N fois

for (let i=0; i<10; i++)

while

Tu ne sais pas combien de tours

✅ Attendre une action utilisateur

✅ Chercher un Ă©lĂ©ment

✅ Jusqu'à ce que...

while (!trouve) { ... }

break & continue

ContrĂŽler le flux des boucles

break

Stop total

continue

Sauter celui-lĂ 

break : Sortir de la boucle

ArrĂȘte complĂštement la boucle

for (let i = 1; i <= 10; i++) {

if

(i === 5) {

break;

}

console.log(i);

}

// Affiche : 1, 2, 3, 4

// La boucle s'arrĂȘte Ă  5

💡 Analogie : Tu quittes la salle de cinĂ©ma avant la fin

continue : Sauter une itération

Passe au tour suivant, ignore le reste du code

for (let i = 1; i <= 5; i++) {

if

(i === 3) {

continue;

}

console.log(i);

}

// Affiche : 1, 2, 4, 5

// Le 3 est sauté

💡 Analogie : Tu sautes un niveau dans un jeu vidĂ©o

Analogies de la vie quotidienne

break

🎬 Quitter le cinĂ©ma avant la fin

đŸšȘ Sortir d'une piĂšce

âč ArrĂȘter la musique

continue

⏭ Sauter une chanson

đŸš« Ignorer un plat qu'on n'aime pas

📖 Passer une page difficile

🎯 MĂ©morisez :

break = stop total | continue = je saute celui-lĂ  et je passe au suivant

⚠ Danger : Les boucles infinies

Quand la condition ne devient jamais fausse

La boucle ne s'arrĂȘte jamais

Le programme plante ou freeze

Exemple de boucle infinie

❌ Oublier d'incrĂ©menter dans while

let i = 1;

while (i <= 10) {

console.log(i);

// Oups! On a oublié i++

}

⚠ i reste toujours Ă©gal Ă  1 → la condition i <= 10 est toujours vraie

✅ Solution : Ajouter i++ dans la boucle

Comment éviter les boucles infinies

✅ VĂ©rifier que la condition deviendra fausse

La variable doit changer dans la boucle

✅ Utiliser un compteur de sĂ©curitĂ©

let maxIterations = 1000;

while (condition && maxIterations-- > 0) { ... }

🆘 Si ça arrive : Ctrl + C

Dans le terminal, appuyez sur Ctrl+C pour arrĂȘter le programme

PiÚges courants à éviter

❌ Oublier d'incrĂ©menter dans while

// while → boucle infinie

✅ Toujours modifier la variable dans while

❌ Confusion entre < et <= (off-by-one)

for (let i = 1; i < 10; i++) // 1 Ă  9

for (let i = 1; i <= 10; i++) // 1 Ă  10

✅ VĂ©rifier si on veut inclure le dernier nombre

💡 Les Ă©tudiants ont peur des boucles infinies

Montrez Ctrl+C et rassurez : c'est une erreur courante, pas grave!

Points clés à retenir

for = quand tu sais combien de tours

while = quand tu ne sais pas

break

Stop total

continue

Je saute celui-lĂ 

✅ Toujours vĂ©rifier que la condition finira par devenir fausse

Récapitulatif

for

init + condition + incrément

→ Nombre de tours connu

while

condition seulement

→ Nombre de tours inconnu

break

Sortir de la boucle

continue

Sauter une itération

⚠ Attention aux boucles infinies!

Ctrl+C pour s'en sortir

Exercices pratiques

1. Compter de 1 Ă  20 avec for

Afficher chaque nombre dans la console

2. Afficher les nombres pairs de 2 Ă  20

Utiliser continue pour ignorer les impairs

3. Demander un nombre jusqu'Ă  ce qu'il soit correct

Utiliser while avec prompt()

4. Trouver le premier multiple de 7

Utiliser break pour sortir dĂšs qu'on le trouve

Questions?

Les boucles sont la base de la programmation

Pratiquez avec les exercices!

for, while, break, continue → vous les utiliserez partout