JavaScript en boucle
Exemple
Bouclez un bloc de code tant que ai est inférieur à 5 :
let text = "";
let i = 0;
while (i < 5) {
text += i + "<br>";
i++;
}
Bouclez (parcourez) un tableau pour collecter les noms de voitures :
const cars = ["BMW", "Volvo", "Saab", "Ford"];
let text = "";
let i = 0;
while (i < cars.length) {
text += cars[i] + "<br>";
i++;
}
- La boucle commence en position 0 (
let i = 0
). - La boucle s'incrémente
i
à chaque exécution (i++
). - La boucle s'exécute tant que
i < cars.length
.
Plus d'exemples ci-dessous.
Définition et utilisation
L' while
instruction crée une boucle (autour d'un bloc de code) qui est exécutée pendant qu'une condition est
true
.
La boucle s'exécute tant que la condition est true
. Sinon ça s'arrête.
Voir également:
Instructions de boucle JavaScript
Déclaration | La description | |
Pause | Sort d'une boucle | |
Continuez | Ignore une valeur dans une boucle | |
tandis que | Boucle un bloc de code alors qu'une condition est vraie | |
faire pendant | Boucle un bloc de code une fois, puis tant qu'une condition est vraie | |
pour | Boucle un bloc de code alors qu'une condition est vraie | |
pour... de | Boucle les valeurs de tout itérable | |
pour... dans | Boucle les propriétés d'un objet |
Syntaxe
while (condition) {
code block to be executed
}
Paramètres
Parameter | Description |
condition | Required. The condition for running the code block. If it returns true, the code clock will start over again, otherwise it ends. |
Noter
Si la condition est toujours vraie, la boucle ne se terminera jamais. Cela plantera votre navigateur.
Si vous utilisez une variable dans la condition, vous devez l'initialiser avant la boucle et l'incrémenter dans la boucle. Sinon, la boucle ne se terminera jamais. Cela plantera également votre navigateur.
Plus d'exemples
Boucle sur un tableau dans l'ordre décroissant (incrément négatif) :
const cars = ["BMW", "Volvo", "Saab", "Ford"];
let text = "";
let len = cars.length;
while (len--) {
text += cars[len] + "<br>";
}
Utilisation de break - Boucle dans un bloc de code, mais quitte la boucle lorsque i == 3 :
let text = "";
let i = 0;
while (i < 5) {
text += i + "<br>";
i++;
if (i == 3) break;
}
Utiliser continue - Boucle dans un bloc de code, mais ignore la valeur 3 :
let text = "";
let i = 0;
while (i < 5) {
i++;
if (i == 3) continue;
text += i + "<br>";
}
Prise en charge du navigateur
while
est une fonctionnalité ECMAScript1 (ES1).
ES1 (JavaScript 1997) est entièrement pris en charge dans tous les navigateurs :
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes | Yes |