Python Tutorial

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 code
  • for/in – boucle à travers les propriétés d’un objet
  • for/of – boucle sur les valeurs d’un objet itérable
  • while – parcourt un bloc de code alors qu’une condition spécifiée est vraie
  • do/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

Articles similaires

Voir Aussi
Fermer
Bouton retour en haut de la page