🔁 Semaine 1 - Jour 5 : Boucles

🔄 RĂ©pĂ©ter des actions automatiquement

Les boucles permettent de répéter du code plusieurs fois sans avoir à le réécrire.

Types de boucles : for (nombre d'itérations connu), while (tant que condition vraie), do...while (au moins une fois), avec break et continue pour contrÎler le flux.

Important : Attention aux boucles infinies qui ne s'arrĂȘtent jamais (risque de plantage) !

1. Boucle for (pour)

La boucle la plus utilisée, pour un nombre d'itérations connu :

// Structure : for (initialisation; condition; incrémentation)
for (let i = 0; i < 5; i++) {
  console.log('Tour numĂ©ro', i);
}
// Affiche : 0, 1, 2, 3, 4

// Exemple pratique : table de multiplication
for (let i = 1; i <= 10; i++) {
  console.log(`5 x ${i} = ${5 * i}`);
}

💡 Astuce : i++ signifie i = i + 1 (incrĂ©menter de 1).

2. Boucle while (tant que)

RĂ©pĂšte tant que la condition est vraie :

// Structure : while (condition)
let compteur = 0;

while (compteur < 5) {
  console.log('Compteur :', compteur);
  compteur++; // ⚠ Ne pas oublier d'incrĂ©menter !
}

// Exemple pratique : deviner un nombre
let secret = 7;
let essai = 0;
while (essai !== secret) {
  essai++;
  console.log(`Essai : ${essai}`);
}

⚠ Danger : Si la condition reste toujours vraie, boucle infinie !

3. Boucle do...while

Exécute le code au moins une fois, puis vérifie la condition :

// Structure : do { ... } while (condition)
let nombre = 10;

do {
  console.log('Nombre :', nombre);
  nombre++;
} while (nombre < 5);
// Affiche "Nombre : 10" une seule fois

// Différence avec while : s'exécute au moins 1 fois
let x = 10;
while (x < 5) {
  console.log(x); // Ne s'exĂ©cute jamais
}

✅ Usage : Utile quand on veut exĂ©cuter le code au moins une fois avant de tester.

4. break et continue

break : sort de la boucle
continue : passe à l'itération suivante

// break : arrĂȘter la boucle
for (let i = 0; i < 10; i++) {
  if (i === 5) {
    break; // Sort de la boucle
  }
  console.log(i); // 0, 1, 2, 3, 4
}

// continue : passer au suivant
for (let i = 0; i < 5; i++) {
  if (i === 2) {
    continue; // Saute cette itĂ©ration
  }
  console.log(i); // 0, 1, 3, 4 (pas 2)
}

💡 UtilitĂ© : break pour chercher une valeur, continue pour filtrer des valeurs.

⚡ Console JavaScript Interactive - Testez les boucles !
PrĂȘt Ă  exĂ©cuter votre code...

đŸ’» Exemples Ă  tester

// Exemple 1 : Compter de 1 Ă  10
for (let i = 1; i <= 10; i++) {
  console.log(`NumĂ©ro ${i}`);
}

// Exemple 2 : Afficher les nombres pairs de 0 Ă  20
for (let i = 0; i <= 20; i++) {
  if (i % 2 === 0) {
    console.log(`${i} est pair`);
  }
}

// Exemple 3 : DĂ©compte (compte Ă  rebours)
for (let i = 10; i >= 0; i--) {
  console.log(i);
}
console.log('🚀 DĂ©collage !');

// Exemple 4 : Table de multiplication
let nombre = 7;
for (let i = 1; i <= 10; i++) {
  console.log(`${nombre} x ${i} = ${nombre * i}`);
}

👆 Copiez ces exemples dans la console interactive ci-dessus !

Froggiesplaining :


🎯 Objectifs de ce cours :
✅ Comprendre le principe des boucles et leur utilitĂ©
✅ MaĂźtriser la boucle for pour un nombre d'itĂ©rations connu
✅ Utiliser while et do...while pour des conditions dynamiques
✅ Contrîler le flux avec break et continue
✅ Éviter les boucles infinies

📖 Points clĂ©s Ă  retenir :
‱ for : quand on connaüt le nombre de tours à l'avance
‱ while : tant qu'une condition est vraie (tester avant d'exĂ©cuter)
‱ do...while : au moins une fois, puis tant que condition vraie
‱ break : sort de la boucle immĂ©diatement
‱ continue : passe Ă  l'itĂ©ration suivante (saute le reste du code)
‱ Toujours vĂ©rifier que la boucle peut se terminer (Ă©viter les boucles infinies) !

đŸ‹ïž Exercice pratique :
1. Créez une boucle for qui affiche les nombres de 1 à 20
2. Modifiez-la pour n'afficher que les nombres impairs (utilisez % 2)
3. Créez une boucle qui calcule la somme des nombres de 1 à 100
4. Utilisez break pour arrĂȘter la boucle quand la somme dĂ©passe 500
5. Affichez le résultat final avec un message
6. Bonus : Créez une boucle while qui simule le lancer d'un dé (nombre aléatoire 1-6) jusqu'à obtenir un 6

Froggie explain

GitHub - eCrea