JavaScript boucle for
Les boucles peuvent exécuter un bloc de code un nombre spécifié de fois.
Boucles JavaScript
Si vous voulez exécuter le même code encore et encore, avec des valeurs différentes à chaque fois, il est pratique d'utiliser une boucle.
Nous pouvons afficher les valeurs d'un tableau comme ceci :
Syntaxe générale :
Utilisation de la boucle for
Essayez-le vous-même »
Différents types de boucles
JavaScript prend en charge différents types de boucles :
- for- Parcourir un bloc de code un nombre spécifié de fois
- for/in- Parcourir les propriétés d'un objet
- while- Parcourir un bloc de code tant qu'une condition spécifiée est vraie
- do/while- Parcourir également un bloc de code tant qu'une condition spécifiée est vraie
Boucle For
La boucle for est un outil que vous utiliserez souvent lorsque vous voulez créer une boucle.
Voici la syntaxe de la boucle for :
{
Bloc de code à exécuter
}
Instruction 1Exécutée avant que (le bloc de code) ne commence
Instruction 2Définit la condition d'exécution de la boucle (le bloc de code)
Instruction 3Exécutée après que la boucle (le bloc de code) a été exécutée
D'après l'exemple ci-dessus, vous pouvez voir :
L'instruction 1 définit la variable (var i=0) avant le début de la boucle.
L'instruction 2 définit la condition pour que la boucle s'exécute (i doit être inférieur à 5).
L'instruction 3 augmente une valeur (i++) après chaque fois que le bloc de code a été exécuté.
Instruction 1
Habituellement, nous utilisons l'instruction 1 pour initialiser la variable utilisée dans la boucle (var i=0).
L'instruction 1 est facultative, ce qui signifie que vous pouvez omettre l'instruction 1.
Vous pouvez initialiser n'importe quelle valeur (ou plusieurs valeurs) dans l'instruction 1 :
Exemple :
Essayez-le vous-même »
Vous pouvez également omettre l'instruction 1 (par exemple, lorsque la valeur a déjà été définie avant le début de la boucle) :
Exemple :
Essayez-le vous-même »
Instruction 2
Habituellement, l'instruction 2 est utilisée pour évaluer la condition de la variable initiale.
L'instruction 2 est également facultative.
Si l'instruction 2 renvoie true, la boucle redémarre ; si elle renvoie false, la boucle se termine
 |
Si vous omettez l'instruction 2, vous devez fournir unbreakbreak. Sinon, la boucle ne s'arrêtera pas. Cela peut planter le navigateur. Veuillez lire à propos de break dans un chapitre ultérieur de ce tutoriel. |
|---|
Instruction 3
Habituellement, l'instruction 3 incrémente la valeur de la variable initiale.
L'instruction 3 est également facultative.
L'instruction 3 a plusieurs usages. L'incrément peut être négatif (i--), ou plus grand (i=i+15).
L'instruction 3 peut également être omise (par exemple, lorsqu'il y a du code correspondant à l'intérieur de la boucle) :
Exemple :
Essayez-le vous-même »
Boucle For/In
L'instruction for/in de JavaScript parcourt les propriétés d'un objet :
Exemple
Essayez-le vous-même »
Vous en apprendrez plus sur la boucle for/in dans le chapitre sur les objets JavaScript.
Boucle while
Nous expliquerons la boucle while et la boucle do/while dans le chapitre suivant.
Autres extensions