Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Apprendre Maîtrise de la Boucle For en JavaScript | Parcours des Données en JavaScript
Practice
Projects
Quizzes & Challenges
Quizzes
Challenges
/
Introduction à JavaScript

bookMaîtrise de la Boucle For en JavaScript

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.
Note
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); };
copy
  • 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); }
copy

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);
copy

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); };
copy

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); }
copy

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

question mark

Vous souhaitez afficher chaque année des Jeux Olympiques d'été de 2000 à 2016 inclus. Quelle condition doit être utilisée dans la boucle ?

Select the correct answer

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 5. Chapitre 3

Demandez à l'IA

expand

Demandez à l'IA

ChatGPT

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

bookMaîtrise de la Boucle For en JavaScript

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.
Note
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); };
copy
  • 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); }
copy

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);
copy

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); };
copy

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); }
copy

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

question mark

Vous souhaitez afficher chaque année des Jeux Olympiques d'été de 2000 à 2016 inclus. Quelle condition doit être utilisée dans la boucle ?

Select the correct answer

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 5. Chapitre 3
some-alt