English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
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.
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‹/›
Tous les navigateurs supportent pleinement l'énoncé for :
Énoncé | |||||
for | Est | Est | Est | Est | Est |
Paramètres | Description |
---|---|
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. |
Version JavaScript : | ECMAScript 1 |
---|
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é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