DébutantNon commencé

Exercice 5.8 · 10 min · 0 tentative

Boucles for et for...of

🎯 Objectif

Découvrir for...of et la boucle for classique pour parcourir un tableau.

📖 Contexte

Tu connais déjà forEach. Voici deux autres façons de parcourir un tableau :

1. for...of — Simple et moderne ✨

Parfait quand tu veux juste les valeurs :

const couleurs = ["rouge", "vert", "bleu"]

for (const couleur of couleurs) {
  console.log(couleur)
}
// rouge
// vert
// bleu

2. for classique — Quand tu as besoin de l'index

Utile pour numéroter, accéder à l'élément suivant, ou modifier le tableau :

const couleurs = ["rouge", "vert", "bleu"]

for (let i = 0; i < couleurs.length; i++) {
  console.log(i + " : " + couleurs[i])
}
// 0 : rouge
// 1 : vert
// 2 : bleu

Structure de la boucle for

for (let i = 0; i < tableau.length; i++) {
//       ↑          ↑                 ↑
//   Départ    Condition         Incrément
}
  • let i = 0 : on commence à l'index 0
  • i < tableau.length : on continue tant que i est plus petit que la taille
  • i++ : on ajoute 1 à i après chaque tour

Comparaison des méthodes

MéthodeAccès indexCas d'usage
forEachOui (2e param)Exécuter une action pour chaque élément
for...ofNonParcours simple, juste les valeurs
forOuiBesoin de l'index, modifier le tableau
// forEach avec index
fruits.forEach((fruit, index) => {
  console.log(index + ": " + fruit)
})

// for...of (pas d'index direct)
for (const fruit of fruits) {
  console.log(fruit)
}

// for classique (index i)
for (let i = 0; i < fruits.length; i++) {
  console.log(i + ": " + fruits[i])
}

📝 Consigne

  1. Utilise for...of pour afficher chaque fruit
  2. Utilise for classique pour afficher les fruits numérotés

Résultat attendu :

=== for...of ===
pomme
banane
orange
kiwi
=== for classique ===
1. pomme
2. banane
3. orange
4. kiwi

Objectifs

  • Utiliser for...of
  • Utiliser for classique
  • Affiche pomme
  • Affiche numérotation
  • Affiche kiwi

Lis bien les instructions et lance-toi !

Indices (0/3)

Indice 1 verrouillé
Indice 2 verrouillé
Indice 3 verrouillé