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
Quiz
Challenges
/
Fondamentaux de JavaScript

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

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

Section 5. Chapitre 3
some-alt