JavaScript pour boucle (avec exemples)

Dans ce didacticiel, vous découvrirez les boucles et les boucles for en JavaScript à l'aide d'exemples.

En programmation, les boucles sont utilisées pour répéter un bloc de code.

Par exemple, si vous souhaitez afficher un message 100 fois, vous pouvez utiliser une boucle. C'est juste un exemple simple; vous pouvez faire beaucoup plus avec des boucles.

Ce tutoriel se concentre sur la forboucle JavaScript . Vous découvrirez les autres types de boucles dans les prochains tutoriels.

JavaScript pour boucle

La syntaxe de la forboucle est:

  for(initialExpression; condition; updateExpression) ( // for loop body )

Ici,

  1. Le initialExpression initialise et / ou déclare variables et exécute une seule fois.
  2. La condition est évaluée.
    • Si la condition est false, la forboucle est terminée.
    • si la condition est true, le bloc de code à l'intérieur de la forboucle est exécuté.
  3. Le updateExpression met à jour la valeur de initialExpression lorsque la condition est true.
  4. La condition est à nouveau évaluée. Ce processus se poursuit jusqu'à ce que la condition soit false.

Pour en savoir plus sur les conditions , consultez Comparaison JavaScript et opérateurs logiques.

Organigramme de JavaScript pour la boucle

Exemple 1: afficher un texte cinq fois

 // program to display text 10 times const n = 5; // looping from i = 1 to 5 for (let i = 1; i <= n; i++) ( console.log(`I love JavaScript.`); )

Production

J'adore JavaScript. J'adore JavaScript. J'adore JavaScript. J'adore JavaScript. J'adore JavaScript.

Voici comment fonctionne ce programme.

Itération Variable Condition: i <= n action
1er i = 1
n = 5		 true J'adore JavaScript. est imprimé.
i est augmenté à 2 .
2e i = 2
n = 5		 true J'adore JavaScript. est imprimé.
i est augmenté à 3 .
3e i = 3
n = 5		 true J'adore JavaScript. est imprimé.
i est augmenté à 4 .
4e i = 4
n = 5		 true J'adore JavaScript. est imprimé.
i est augmenté à 5 .
5e i = 5
n = 5		 true J'adore JavaScript. est imprimé.
i est augmenté à 6 .
6e i = 6
n = 5		 false La boucle est terminée.

Exemple 2: affichage des nombres de 1 à 5

 // program to display numbers from 1 to 5 const n = 5; // looping from i = 1 to 5 // in each iteration, i is increased by 1 for (let i = 1; i <= n; i++) ( console.log(i); // printing the value of i )

Production

 1 2 3 4 5

Voici comment fonctionne ce programme.

Itération Variable Condition: i <= n action
1er i = 1
n = 5		 true 1 est imprimé.
i est augmenté à 2 .
2e i = 2
n = 5		 true 2 est imprimé.
i est augmenté à 3 .
3e i = 3
n = 5		 true 3 est imprimé.
i est augmenté à 4 .
4e i = 4
n = 5		 true 4 est imprimé.
i est augmenté à 5 .
5e i = 5
n = 5		 true 5 est imprimé.
i est augmenté à 6 .
6e i = 6
n = 5		 false La boucle est terminée.

Exemple 3: Afficher la somme de n nombres naturels

 // program to display the sum of natural numbers let sum = 0; const n = 100 // looping from i = 1 to n // in each iteration, i is increased by 1 for (let i = 1; i <= n; i++) ( sum += i; // sum = sum + i ) console.log('sum:', sum);

Production

 somme: 5050

Ici, la valeur de la somme est initialement de 0 . Ensuite, une forboucle est itérée à partir de i = 1 to 100. À chaque itération, i est ajouté à la somme et sa valeur est augmentée de 1 .

Lorsque i devient 101 , la condition de test est falseet la somme sera égale à 0 + 1 + 2 +… + 100.

Le programme ci-dessus pour ajouter la somme des nombres naturels peut également être écrit comme

 // program to display the sum of n natural numbers let sum = 0; const n = 100; // looping from i = n to 1 // in each iteration, i is decreased by 1 for(let i = n; i>= 1; i-- ) ( // adding i to sum in each iteration sum += i; // sum = sum + i ) console.log('sum:',sum);

Ce programme donne également le même résultat que l' exemple 3 . Vous pouvez accomplir la même tâche de différentes manières dans la programmation; la programmation est une question de logique.

Bien que les deux méthodes soient correctes, vous devriez essayer de rendre votre code plus lisible.

JavaScript Infinite for boucle

Si la condition de test dans une forboucle est toujours true, elle s'exécute indéfiniment (jusqu'à ce que la mémoire soit pleine). Par exemple,

 // infinite for loop for(let i = 1; i> 0; i++) ( // block of code )

Dans le programme ci-dessus, la condition est toujours truequi exécutera ensuite le code pendant des temps infinis.

Dans le prochain didacticiel, vous en apprendrez davantage sur whileand do… whileloop.

Articles intéressants...