Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Apprendre Maîtriser la Boucle For en JavaScript | Parcours des Données en JavaScript
Introduction à JavaScript

bookMaîtriser la Boucle For en JavaScript

La boucle for constitue une structure de boucle fondamentale en JavaScript, bien qu'elle puisse sembler difficile à comprendre au début. Elle utilise le mot-clé for et nécessite trois paramètres placés entre parenthèses :

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

Voici une explication de ces paramètres :

  • Initialization : Initialisation d'un nouveau compteur utilisé par la boucle for. Cette étape n'est exécutée qu'une seule fois ;
  • Condition : Expression vérifiée avant chaque itération, similaire à la boucle while ;
  • Increment/Decrement : Opérations effectuées sur le compteur à la fin de chaque itération de la boucle.

Remarque

Itération dans les boucles désigne la répétition d'un bloc de code un certain nombre de fois ou jusqu'à ce qu'une condition spécifique soit remplie. Chaque exécution du bloc de code correspond à une itération.

Illustration par un exemple :


              
123

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

Dans cet exemple :

  • let i = 1 : Initialisation, création de la variable i à l'intérieur de la boucle for. Cette opération s'exécute une seule fois ;
  • i < 5 : Condition, vérifiée avant chaque itération ;
  • i++ : Expression d'incrémentation, exécutée après chaque itération ;
  • console.log("Loop iteration:", i); : Corps de la boucle for.

Chaque étape de la boucle peut être décrite comme suit :

// Step 1: Counter initialization
let i = 1;
// Step 2: Main loop body
if (i < 5) { // Condition check
  console.log("Loop iteration:", i); // Loop body
}
i++; // Increment operation

Étape 2 se répète jusqu'à ce que la condition devienne false.

Il peut être utile de considérer un schéma pour mieux comprendre le fonctionnement de la boucle.

Vous pouvez également 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 craindre 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

Dans cette comparaison, la boucle for est plus directe et occupe moins d'espace dans le code. De plus, la boucle for réinitialise automatiquement la variable de compteur (dans ce cas, i) après l'exécution.

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 4

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

Suggested prompts:

Can you explain more about the difference between for and while loops?

What happens if I omit one of the parameters in the for loop?

Can you show more examples of using different increment or decrement expressions in a for loop?

Awesome!

Completion rate improved to 2.33

bookMaîtriser la Boucle For en JavaScript

Glissez pour afficher le menu

La boucle for constitue une structure de boucle fondamentale en JavaScript, bien qu'elle puisse sembler difficile à comprendre au début. Elle utilise le mot-clé for et nécessite trois paramètres placés entre parenthèses :

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

Voici une explication de ces paramètres :

  • Initialization : Initialisation d'un nouveau compteur utilisé par la boucle for. Cette étape n'est exécutée qu'une seule fois ;
  • Condition : Expression vérifiée avant chaque itération, similaire à la boucle while ;
  • Increment/Decrement : Opérations effectuées sur le compteur à la fin de chaque itération de la boucle.

Remarque

Itération dans les boucles désigne la répétition d'un bloc de code un certain nombre de fois ou jusqu'à ce qu'une condition spécifique soit remplie. Chaque exécution du bloc de code correspond à une itération.

Illustration par un exemple :


              
123

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

Dans cet exemple :

  • let i = 1 : Initialisation, création de la variable i à l'intérieur de la boucle for. Cette opération s'exécute une seule fois ;
  • i < 5 : Condition, vérifiée avant chaque itération ;
  • i++ : Expression d'incrémentation, exécutée après chaque itération ;
  • console.log("Loop iteration:", i); : Corps de la boucle for.

Chaque étape de la boucle peut être décrite comme suit :

// Step 1: Counter initialization
let i = 1;
// Step 2: Main loop body
if (i < 5) { // Condition check
  console.log("Loop iteration:", i); // Loop body
}
i++; // Increment operation

Étape 2 se répète jusqu'à ce que la condition devienne false.

Il peut être utile de considérer un schéma pour mieux comprendre le fonctionnement de la boucle.

Vous pouvez également 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 craindre 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

Dans cette comparaison, la boucle for est plus directe et occupe moins d'espace dans le code. De plus, la boucle for réinitialise automatiquement la variable de compteur (dans ce cas, i) après l'exécution.

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 4
some-alt