Glissez pour afficher le menu

La boucle for est une méthode courante pour répéter du code. Elle utilise trois parties à l'intérieur des parenthèses :

for (Initialization; Condition; Increment/Decrement) {
  // code block
}

Signification de chaque partie :

Initialisation : crée le compteur de boucle (exécuté une seule fois) ;
Condition : vérifiée avant chaque itération ;
Incrément/Décrément : met à jour le compteur après chaque boucle.

Remarque

Une itération correspond à une exécution complète du corps de la boucle.


              123
            
for (let i = 1; i < 5; i++) {
  console.log("Loop iteration:", i);
};

let i = 1 : initialisation ;
i < 5 : condition ;
i++ : incrémentation ;
console.log(...) : corps de la boucle.

Cette opération se répète jusqu'à ce que la condition devienne fausse.

Il est également possible d'utiliser la décrémentation dans la boucle for, comme illustré ici :


              123
            
for (let i = 15; i > 10; i--) {
  console.log("i =", i);
}

Le compteur de la boucle for est propre à sa portée, il n'est donc pas nécessaire de s'inquiéter d'un conflit de nom avec d'autres variables :


              12345678
            
let i = 2077;
console.log("(global) i =", i);

for (let i = 0; i < 4; i++) {
  console.log("(for) i =", i);
}

console.log("(global) i =", i);

Différentes expressions pour les opérations d’incrémentation/décrémentation peuvent également être utilisées :


              123
            
for (let i = 0; i < 40; i += 7) {
  console.log("i =", i);
};

Comparaison des boucles for et while

Lorsqu’on compare les boucles for et while, la boucle for est souvent plus simple et plus concise. Voici un exemple de boucles équivalentes :


              1234567891011
            
// `while`
let a = 1;
while (a <= 3) {
  console.log("While:", a);
  a++;
}

// `for`
for (let i = 1; i <= 3; i++) {
  console.log("For:", i);
}

La boucle for est généralement plus concise et maintient le compteur dans sa propre portée.

Tout était clair ?

Merci pour vos commentaires !

Section 5. Chapitre 3

Demandez à l'IA

Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion

Maîtrise de la Boucle For en JavaScript