CodeGym /Cours /Frontend SELF FR /Boucles en JavaScript

Boucles en JavaScript

Frontend SELF FR
Niveau 34 , Leçon 0
Disponible

6.1 Boucle while

Les boucles en JavaScript permettent d'exécuter un bloc de code plusieurs fois tant qu'une certaine condition est vérifiée. C'est une partie importante de la programmation qui aide à automatiser les tâches répétitives.

La boucle while exécute un bloc de code tant que la condition est vraie (true).

Synthaxe:

    
      while (condition) {
        // code qui s'exécute tant que la condition est vraie
      }
    
  

Exemple:

JavaScript
    
      let i = 0;
      while (i < 5) {
        console.log(`Itération numéro ${i}`);
        i++;
      }

      // Résultat:
      // Itération numéro 0
      // Itération numéro 1
      // Itération numéro 2
      // Itération numéro 3
      // Itération numéro 4
    
  

Dans cet exemple:

  • La boucle continue tant que la valeur i est inférieure à 5
  • À l'intérieur de la boucle, la valeur i est incrémentée de 1 après chaque itération

6.2 Exécuter un bloc de code n fois

Très souvent, il arrive qu'un bloc de code doive être exécuté un nombre fixe de fois. Ce code peut être écrit sous forme de boucle while:

    
      let i = 0;
      while (i < 5) {
        console.log(`Itération numéro ${i}`);
        i++;
      }
    
  

En général, cela ressemblerait à ceci:

    
      initialisation
      while (condition) {
        bloc de code
        pas
      }
    
  

6.3 Boucle for

Boucle for

La boucle for est l'une des boucles les plus couramment utilisées en JavaScript. Elle est spécialement conçue pour répéter un bloc de code un nombre prédéfini de fois.

Synthaxe:

    
      for (initialisation; condition; pas) {
        // code qui s'exécute à chaque itération
      }
    
  

Exemple:

JavaScript
    
      for (let i = 0; i < 5; i++) {
        console.log(`Itération numéro ${i}`);
      }
      // Résultat:
      // Itération numéro 0
      // Itération numéro 1
      // Itération numéro 2
      // Itération numéro 3
      // Itération numéro 4
    
  

Explication:

  • let i = 0 — initialisation de la variable i, qui sera le compteur d'itérations
  • i < 5 — condition à laquelle la boucle continue son exécution. La boucle s'arrête lorsque i atteint 5
  • i++ — pas effectué après chaque itération, augmentant la valeur de i de 1

6.4 Boucle do...while

La boucle do...while ressemble à la boucle while, mais avec la différence que le bloc de code s'exécute au moins une fois avant que la condition ne soit vérifiée.

Synthaxe:

    
      do {
        // code qui s'exécute au moins une fois
      } while (condition);
    
  

Exemple:

JavaScript
    
      let i = 0;
      do {
        console.log(`Itération numéro ${i}`);
        i++;
      } while (i < 5);

      // Résultat:
      // Itération numéro 0
      // Itération numéro 1
      // Itération numéro 2
      // Itération numéro 3
      // Itération numéro 4
    
  

Dans cet exemple:

  • Le bloc de code à l'intérieur de do s'exécute au moins une fois, même si la condition est fausse au départ
  • Après l'exécution du bloc de code, la condition est vérifiée, et si elle est vraie, la boucle continue

6.5 Comparaison des boucles

Boucle Quand utiliser Caractéristiques
for Quand le nombre d'itérations est connu Synthaxe compacte, pratique pour les tableaux
while Quand le nombre d'itérations n'est pas connu à l'avance La condition est vérifiée avant chaque itération
do-while Quand on doit exécuter un bloc de code au moins une fois La condition est vérifiée après l'exécution du bloc de code

Exemples d'utilisation des boucles

Itérer sur un tableau avec une boucle for:

JavaScripts
    
      let array = [1, 2, 3, 4, 5];
      for (let i = 0; i < array.length; i++) {
        console.log(array[i]);
      }

      // Résultat: 1 2 3 4 5
    
  

Utilisation de while pour attendre une condition:

JavaScript
    
      let n = 0;
      let x = 0;
      while (n < 3) {
        n++;
        x += n;
      }

      console.log(x); // 6 (1 + 2 + 3)
    
  

Utilisation de do-while pour exécuter au moins une itération:

JavaScript
    
      let i = 0;

      do {
        console.log(i);
        i++;
      } while (i < 0);

      // Résultat: 0 (la boucle s'exécute une fois malgré la condition fausse)
    
  
Commentaires
TO VIEW ALL COMMENTS OR TO MAKE A COMMENT,
GO TO FULL VERSION