JavaScript pour la boucle
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.
C’est souvent le cas lorsque vous travaillez avec des tableaux :
Au lieu d’écrire :
texte += voitures[0] + “
” ;
texte += voitures[1] + “
” ;
texte += voitures[2] + “
” ;
texte += voitures[3] + “
” ;
texte += voitures[4] + “
” ;
texte += voitures[5] + “
” ;
Tu peux écrire:
for (let i = 0; i < cars.length; i++) {
texte += voitures[i] + “
” ;
}
Essayez-le vous-même »
Différents types de boucles
JavaScript prend en charge différents types de boucles :
for– boucle plusieurs fois sur un bloc de codefor/in– boucle à travers les propriétés d’un objetfor/of– boucle sur les valeurs d’un objet itérablewhile– parcourt un bloc de code alors qu’une condition spécifiée est vraiedo/while– boucle également à travers un bloc de code alors qu’une condition spécifiée est vraie
La boucle For
Le for crée une boucle avec 3 expressions facultatives :
pour (expression 1; expression 2; expression 3) {
// bloc de code à exécuter
}
Expression 1 est exécuté (une fois) avant l’exécution du bloc de code.
Expression 2 définit la condition d’exécution du bloc de code.
Expression 3 est exécuté (à chaque fois) après l’exécution du bloc de code.
Exemple
pour (soit i = 0; i < 5; i++) {
text += “Le nombre est ” + i + “
” ;
}
Essayez-le vous-même »
Dans l’exemple ci-dessus, vous pouvez lire :
L’expression 1 définit une variable avant le début de la boucle (soit i = 0).
L’expression 2 définit la condition d’exécution de la boucle (i doit être inférieur à 5).
L’expression 3 augmente une valeur (i++) chaque fois que le bloc de code dans la boucle a été exécuté.
Expression 1
Normalement, vous utiliserez l’expression 1 pour initialiser la variable utilisée dans la boucle (soit i = 0).
Ce n’est pas toujours le cas. JavaScript s’en fout. L’expression 1 est facultative.
Vous pouvez initier plusieurs valeurs dans l’expression 1 (séparées par une virgule) :
Exemple
for (let i = 0, len = cars.length, text = “”; i < len; i++) {
texte += voitures[i] + “
” ;
}
Essayez-le vous-même »
Et vous pouvez omettre l’expression 1 (comme lorsque vos valeurs sont définies avant le début de la boucle) :
Exemple
soit i = 2 ;
let len = cars.length;
laisser texte = “” ;
pour (; je < longueur; je++) {
texte += voitures[i] + “
” ;
}
Essayez-le vous-même »
Expression 2
Souvent, l’expression 2 est utilisée pour évaluer la condition de la variable initiale.
Ce n’est pas toujours le cas. JavaScript s’en fout. L’expression 2 est également facultative.
Si l’expression 2 renvoie vrai, la boucle recommencera. S’il retourne false, la boucle se terminera.
Si vous omettez l’expression 2, vous devez fournir un casser à l’intérieur de la boucle. Sinon, la boucle ne se terminera jamais. Cela plantera votre navigateur. En savoir plus sur les pauses dans un chapitre ultérieur de ce didacticiel.
Expression 3
Souvent, l’expression 3 incrémente la valeur de la variable initiale.
Ce n’est pas toujours le cas. JavaScript s’en fout. L’expression 3 est facultative.
L’expression 3 peut faire n’importe quoi comme un incrément négatif (i–), un incrément positif (i = i + 15) ou n’importe quoi d’autre.
L’expression 3 peut également être omise (comme lorsque vous incrémentez vos valeurs à l’intérieur de la boucle) :
Exemple
soit i = 0 ;
let len = cars.length;
laisser texte = “” ;
pour (; je < longueur; ) {
texte += voitures[i] + “
” ;
je++ ;
}
Essayez-le vous-même »
Portée de la boucle
En utilisant var en boucle :
Exemple
var je = 5 ;
pour (var je = 0; je < 10; je++) {
// un peu de code
}
// Ici j’ai 10
Essayez-le vous-même »
En utilisant let en boucle :
Exemple
soit i = 5 ;
pour (soit i = 0; i < 10; i++) {
// un peu de code
}
// Ici j’ai 5
Essayez-le vous-même »
Dans le premier exemple, en utilisant varla variable déclarée dans la boucle redéclare la variable en dehors de la boucle.
Dans le deuxième exemple, en utilisant letla variable déclarée dans la boucle ne redéclare pas la variable en dehors de la boucle.
Quand let est utilisé pour déclarer la variable i dans une boucle, la variable i ne sera visible que dans la boucle.
Boucles For/Of et For/In
Le for/in boucle et la for/of boucle sont expliqués dans le chapitre suivant.
Boucles While
Le while boucle et la do/while sont expliqués dans les chapitres suivants.
#JavaScript #pour #boucle
