English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Instruction for JavaScript

 Déclaration d'instructions et de variables JavaScript

forUne instruction de boucle est créée, qui exécute l'instruction spécifiée tant que le résultat de la calcul de la condition (condition) est true.

Seulement lorsqueCondition (condition)Le cycle s'arrête uniquement lorsque cela devient false.

JavaScript propose plusieurs types de boucles :

  • for -Parcourir le code bloc plusieurs fois

  • for...in-Parcourir les propriétés de l'objet

  • while-Lorsque les conditions spécifiées sont true, le code bloc est parcouru en boucle

  • do...while -do...while

Pour exécuter une seule fois le bloc de code, puis répéter la boucle lorsque la condition est truebreakÉnoncé pour terminer le cycle courant et utilisercontinueÉnoncé pour sauter la valeur de la boucle.

Syntaxe :

for (initialization; condition; final-expression) {
 //Instructions à exécuter
 }
for (let n = 0; n < 5; n++) {
document.write("<br>The number is " + n);
}
Vérifiez le test‹/›

Compatibilité du navigateur

Tous les navigateurs supportent pleinement l'énoncé for :

Énoncé
forEstEstEstEstEst

Valeur des paramètres

ParamètresDescription
initialization(Optionnel) Exécuté avant le début de la boucle. Habituellement, cette instruction est utilisée pour initialiser une variable de compteur. Pour démarrer plusieurs valeurs, séparez chaque valeur par une virgule.
condition (Optionnel) Définir la condition d'exécution de la boucle. Habituellement, cette instruction est utilisée pour évaluer la condition d'une variable de compteur. Si elle retourne true, la boucle recommencera ; si elle retourne false, la boucle se terminera. Remarque : Si elle est omise, la condition est toujours true. Cela peut faire planter votre navigateur.
final-expression(Optionnel) Exécuté après chaque itération de la boucle. Habituellement, cette instruction est utilisée pour incrémenter ou décrémenter une variable de compteur.

Détails techniques

Version JavaScript :ECMAScript 1

Plus d'exemples

Parcourir l'array en ordre croissant :

var fruits = ['Apple', 'Mango', 'Banana', 'Orange'];
var txt = '';
for (var i = 0; i < fruits.length;++) {
"; += fruits[i] + "<br>";
}
Vérifiez le test‹/›

Parcourir l'array en ordre décroissant :

var fruits = ['Apple', 'Mango', 'Banana', 'Orange'];
var txt = '';
for (var i = fruits.length -1; i >= 0; i--) {
"; += fruits[i] + "<br>";
}
Vérifiez le test‹/›

La boucle parcourt les nœuds de l'objet NodeList et change la couleur de fond de tous les éléments de la liste :

var x = document.querySelectorAll(".demo");
for (let i = 0; i < x.length;++) {
x[i].style.backgroundColor = "coral";
}
Vérifiez le test‹/›

Les boucles imbriquées sont utilisées presque partout, elles sont utilisées dans la multiplication de matrices, l'affichage des tableaux et beaucoup d'autres endroits :

var txt = "";
for (var row = 0; row < 10; row++) {
   ; row++) {
   "; +for (var col = 0; col < row; * = ""
   }
   "; +txt
}
Vérifiez le test‹/›

= "<br>";3L'exemple suivant contient une instruction break, lorsque i est

var text = "";
for (let i = 0; i < 6; i++) {
if (i === 3) {
   break;
}
text += "Le nombre est " + i + "<br>";
}
Vérifiez le test‹/›

L'exemple suivant montre une boucle for qui contient une instruction continue, cette instruction terminant la boucle for lorsque la valeur de i est3Exécutez lorsque :

var text = "";
for (let i = 0; i < 6; i++) {
if (i === 3) {
   continue;
}
text += "Le nombre est " + i + "<br>";
}
Vérifiez le test‹/›

Références associées

Référence JavaScript :Instruction for... in JavaScript

Référence JavaScript :Instruction while JavaScript

Référence JavaScript :Instruction break JavaScript

Référence JavaScript :Instruction continue JavaScript

 Déclaration d'instructions et de variables JavaScript