H T M L C S S J A V A S C R I P T S Q L P Y T H O N J A V A P H P C O M M E N T W 3 . C S S C C + + C # A M O R C E R R É A G I R M Y S Q L J Q U E R Y E X C E L L E R X M L D J A N G O N U M P Y P A N D A S N O D E J S R .
M A N U S C R I T A N G U L A I R E G I T P o s t g r e S Q L M O N G O D B A S P I C I A A L L E R K O T L I N T O U P E T V U E D S A G É N É R A T I O N I A S C I P Y A W S L A C Y B E R - S É C U R I T É S C I E N C E S D E S D O N N É E S
Boucle JavaScript For
❮ PrécédentSuivant ❯
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 l'on travaille 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>";
Tu peux écrire:
for (let i = 0; i < cars.length; i++) {
text += cars[i] + "<br>";
}
Essayez-le vous-même »
Différents types de boucles
JavaScript prend en charge différents types de boucles :
for- parcourt un bloc de code plusieurs fois
for/in- parcourt les propriétés d'un objet
for/of- parcourt les valeurs d'un objet itérable
while- parcourt un bloc de code alors qu'une condition spécifiée est
vraie
do/while- parcourt également un bloc de code lorsqu'une condition
spécifiée est vraie
La boucle For
L' forinstruction crée une boucle avec 3 expressions facultatives :
for (expression 1; expression 2; expression 3) {
// code block to be executed
}
L'expression 1 est exécutée (une fois) avant l'exécution du bloc de code.
L'expression 2 définit la condition d'exécution du bloc de code.
L'expression 3 est exécutée (à chaque fois) après l'exécution du bloc de
code.
Exemple
for (let i = 0; i < 5; i++) {
text += "The number is " + i + "<br>";
}
Essayez-le vous-même »
A partir de 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
de la boucle est 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 fiche. 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++) {
text += cars[i] + "<br>";
}
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
let i = 2;
let len = cars.length;
let text = "";
for (; i < len; i++) {
text += cars[i] + "<br>";
}
Essayez-le vous-même »
Expression 2
L'expression 2 est souvent utilisée pour évaluer la condition de la variable
initiale.
Ce n'est pas toujours le cas. JavaScript s'en fiche. L'expression 2 est
également facultative.
Si l'expression 2 renvoie vrai, la boucle recommencera. S'il renvoie false, la
boucle se terminera.
Si vous omettez l'expression 2, vous devez prévoir une pause à l'intérieur de
la boucle. Sinon, la boucle ne se terminera jamais. Cela fera planter votre
navigateur. Découvrez 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 fiche. 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 toute autre chose.
L'expression 3 peut également être omise (comme lorsque vous incrémentez
vos valeurs à l'intérieur de la boucle) :
Exemple
let i = 0;
let len = cars.length;
let text = "";
for (; i < len; ) {
text += cars[i] + "<br>";
i++;
}
Essayez-le vous-même »
Portée de la boucle
Utilisation varen boucle :
Exemple
var i = 5;
for (var i = 0; i < 10; i++) {
// some code
}
// Here i is 10
Essayez-le vous-même »
Utilisation leten boucle :
Exemple
let i = 5;
for (let i = 0; i < 10; i++) {
// some code
}
// Here i is 5
Essayez-le vous-même »
Dans le premier exemple, en utilisant var, la variable déclarée dans la boucle
redéclare la variable en dehors de la boucle.
Dans le deuxième exemple, en utilisant let, la variable déclarée dans la boucle
ne redéclare pas la variable en dehors de la boucle.
Lorsque letest 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
La for/inboucle et la for/ofboucle sont expliquées dans le chapitre suivant.
Boucles while
La whileboucle et les do/whilesont expliqués dans les chapitres suivants.
Testez-vous avec des exercices
Exercice:
Créez une boucle allant de 0 à 9.
laissez-moi;
(=;<;) {
console.log(i);
}
Soumettre la réponse »
Commencer l'exercice
❮ PrécédentSuivant ❯
PUBLICITÉ
PIPETTE À COULEURS
LES ESPACES
MISE À NIVEAU
SANS PUBLICITÉ
BULLETIN
OBTENIR UNE CERTIFICATION
CONTACTEZ-NOUS
Meilleurs tutoriels
Tutoriel HTML Tutoriel
CSS Tutoriel
JavaScript Tutoriel
Comment faire Tutoriel
SQL Tutoriel
Python Tutoriel
W3.CSS Tutoriel
Bootstrap Tutoriel
PHP Tutoriel
Java Tutoriel
C++ Tutoriel
jQuery
Principales références
Référence HTML
Référence CSS Référence
JavaScript Référence
SQL Référence
Python Référence
W3.CSS Référence
Bootstrap Référence
PHP
Couleurs HTML
Référence Java Référence
Angular Référence
jQuery
Meilleurs exemples
Exemples HTML Exemples
CSS Exemples
JavaScript Exemples
pratiques Exemples
SQL
Exemples Python Exemples
W3.CSS Exemples
d'amorçage Exemples
PHP Exemples
Java Exemples
XML Exemples
jQuery
Obtenir une certification
Certificat HTML Certificat
CSS Certificat
JavaScript Certificat
Front End Certificat
SQL Certificat
Python Certificat
PHP Certificat
jQuery Certificat
Java Certificat
C++ Certificat
C# Certificat
XML
FORUM SUR LA SALLE DE CLASSE
W3Schools est optimisé pour l'apprentissage et la formation. Les exemples pourraient être
simplifiés pour améliorer la lecture et l’apprentissage. Les didacticiels, références et exemples sont
constamment révisés pour éviter les erreurs, mais nous ne pouvons garantir l'exactitude totale de
tout le contenu. En utilisant W3Schools, vous acceptez d'avoir lu et accepté nos conditions
d'utilisation , nos cookies et notre politique de confidentialité .
Copyright 1999-2024 par Refsnes Data. Tous droits réservés. W3Schools est propulsé par
W3.CSS .
