Boucles JavaScript
Les boucles peuvent exécuter un bloc de code plusieurs fois.
Boucles JavaScript
Les boucles sont pratiques si vous souhaitez exécuter le même code encore et encore, chaque fois avec une valeur différente.
Cela est souvent le cas lorsque vous travaillez avec des tableaux :
Au lieu d'écrire :
text += cars[0] + "<br>";
text += cars[1] + "<br>";
text += cars[2] + "<br>";
text += cars[3] + "<br>";
text += cars[4] + "<br>";
text += cars[5] + "<br>"; Vous pouvez écrire :
for (let i = 0; i < cars.length; i++) {
text += cars[i] + "<br>";
} La boucle For
L'instruction for crée une boucle avec 3 expressions optionnelles :
for ( expr1 ; expr2 ; expr ) {
// bloc de code à exécuter
}
exp1 est exécuté une fois avant l'exécution du bloc de code.
exp2 définit la condition pour exécuter le bloc de code.
exp3 est exécuté chaque fois que le bloc de code a été exécuté.
Exemple
for (let i = 0; i < 5; i++) {
text += "Le nombre est " + i + "<br>";
}
exp1 définit une variable avant le début de la boucle (let i = 0).
exp2 définit la condition pour que la boucle s'exécute (i doit être inférieur à 5).
exp3 augmente une valeur (i++) chaque fois que le bloc de code a été exécuté.
Portée de la boucle
Exemple
let i = 5;
for (i = 0; i < 10; i++) {
// du code
}
// Ici i est 10 Exemple
let i = 5;
for (let i = 0; i < 10; i++) {
// du code
}
// Ici i est 5 Dans le premier exemple, let i = 5; est déclaré en dehors de la boucle.
Dans le deuxième exemple, let i = 0; est déclaré à l'intérieur de la boucle.
Lorsqu'une variable est déclarée avec let ou const à l'intérieur d'une boucle, elle ne sera visible qu'à l'intérieur de celle-ci.
La boucle While
La boucle while parcourt un bloc de code tant qu'une condition spécifiée est vraie.
Syntaxe
while ( condition ) {
// bloc de code à exécuter
} Exemple
Dans l'exemple suivant, le code dans la boucle s'exécutera encore et encore, tant qu'une variable (i) est inférieure à 10 :
Exemple
while (i < 10) {
text += "Le nombre est " + i;
i++;
}
Remarque
Si vous oubliez d'augmenter la variable utilisée dans la condition, la boucle ne se terminera jamais.
Cela fera planter votre navigateur.
La boucle Do While
La boucle do while est une variante de la boucle while.
La boucle do while exécutera le bloc de code une fois, avant de vérifier si la condition est vraie, puis elle répétera la boucle tant que la condition est vraie.
Syntaxe
do {
// bloc de code à exécuter
}
while ( condition ); Remarque
Le do while s'exécute au moins une fois, même si la condition est fausse dès le départ.
Cela est dû au fait que le bloc de code est exécuté avant que la condition ne soit testée :
Exemple
do {
text += "Le nombre est " + i;
i++;
}
while (i < 10); N'oubliez pas d'augmenter la variable utilisée dans la condition, sinon la boucle ne se terminera jamais !