JavaScript foren JavaScript
Référence des instructions JavaScript
Exemples
Parcourir un bloc de code 5 fois :
var i;
for (i = 0; i < 5; i++) {
text += "The number is " + i + "<br>";
}
textLe résultat de sortie est :
Le nombre est 1
Le nombre est 2
Le nombre est 3
Le nombre est 4
Essayez-le vous-même »
D'autres exemples sont inclus en bas de cet article.
Définition et utilisation
L'instruction for continue de s'exécuter tant que la condition est vraie.
Tant que la condition est vraie, la boucle continuera de s'exécuter jusqu'à ce que la condition soit fausse.
La boucle for est un outil que vous utiliserez souvent lorsque vous voulez créer une boucle.
JavaScript prend en charge différents types de boucles :
- for - Parcourir un bloc de code un certain nombre de fois
- for/in - Parcourir les propriétés d'un objet
- while - Parcourir le bloc de code spécifié lorsque la condition spécifiée est vraie
- do/while- Parcourir également le bloc de code spécifié lorsque la condition spécifiée est vraie
Astuce :Utilisezbreakinstruction pour sortir de la boucle, utilisezcontinueinstruction pour ignorer l'itération actuelle et exécuter l'itération suivante.
Prise en charge des navigateurs
| Instruction | |||||
|---|---|---|---|---|---|
| for | Oui | Oui | Oui | Oui | Oui |
Syntaxe
code bloc à exécuter
}
Valeurs des paramètres
| Paramètre | Description |
|---|---|
| statement1 | Facultatif. Exécuté avant la boucle, utilisé pour initialiser des variables. Séparez plusieurs variables initialisées par des virgules (,). Remarque :Ce paramètre peut être omis. Toutefois, n'ignorez pas le point-virgule ";". |
| statement2 | Facultatif. Définit la condition d'exécution de la boucle. Généralement, cette instruction est utilisée pour un test conditionnel. Si la condition est vraie, la boucle continue de s'exécuter ; si elle est fausse, la boucle se termine. Remarque :Ce paramètre peut être omis. Toutefois, n'ignorez pas le point-virgule ";". De plus, si vous omettez ce paramètre, vous devez fournir une condition pour sortir de la boucle à l'intérieur de la boucle. Sinon, l'instruction bouclera à l'infini et fera planter le navigateur. |
| statement3 | Facultatif. Exécute cette instruction après chaque itération de la boucle. Généralement, cette instruction est utilisée pour incrémenter ou décrémenter la variable compteur. Remarque :Ce paramètre peut être omis (par exemple, les valeurs d'incrémentation ou de décrémentation sont gérées à l'intérieur de la boucle) |
Détails techniques
| Version JavaScript : | 1.0 |
|---|
Plus d’exemples
Exemples
Afficher les noms de voitures en parcourant les indices du tableau :
var text = "";
var i;
for (i = 0; i < cars.length; i++) {
text += cars[i] + "<br>";
}
Essayez-le vous-même »
Explication de l'exemple ci-dessus :
- Tout d'abord, nous définissons une variable avant le début de la boucle (var i = 0;)
- Ensuite, nous avons défini la condition d'exécution de la boucle. La boucle continuera de s'exécuter tant que la valeur de la variable est inférieure à la longueur du tableau (la longueur est 4)
- Chaque fois que la boucle s'exécute, la variable est incrémentée de 1 (i++)
- Si la variable n'est plus inférieure à 4 (la longueur du tableau), la condition est fausse et la boucle se termine.
Exemples
Initialiser plusieurs valeurs dans le premier paramètre :
var i;
for (i = 0, len = cars.length, text = ""; i < len; i++) {
text += cars[i] + "<br>";
}
Essayez-le vous-même »
Exemples
Omettre le premier paramètre (définir la valeur avant la boucle) :
var i = 2;
var len = cars.length;
var text = "";
for (; i < len; i++) {
text += cars[i] + "<br>";
}
Essayez-le vous-même »
Exemples
Utilisez l'instruction continue - parcourez un bloc de code, mais ignorez l'itération où i est égal à "3" :
var i;
for (i = 0; i < 5; i++) {
if (i == 3) {
continue;
}
text += "The number is " + i + "<br>";
}
Essayez-le vous-même »
Exemples
Utilisez l'instruction break - parcourez un bloc de code, mais quittez la boucle lorsque la variable i est égale à "3" :
var i;
for (i = 0; i < 5; i++) {
if (i == 3) {
break;
}
text += "The number is " + i + "<br>";
}
Essayez-le vous-même »
Exemple :
Omettez le deuxième paramètre. Dans cet exemple, nous avons également utilisé l'instructionbreakpour sortir de la boucle lorsque i est égal à "3" (si le deuxième paramètre est omis, vous devez définir une condition pour sortir de la boucle à l'intérieur du corps de la boucle. Sinon, la boucle ne peut pas être terminée et provoquera le plantage du navigateur) :
var text = "";
var i;
for (i = 0; ; i++) {
if (i == 3) {
break;
}
text += cars[i] + "<br>";
}
Essayez-le vous-même »
Exemples
Parcourez les indices du tableau dans l'ordre décroissant :
var text = "";
var i;
for (i = cars.length - 1; i >= 0; i--) {
text += cars[i] + "<br>";
}
Essayez-le vous-même »
Exemples
Omettez le dernier paramètre et incrémentez la valeur à l'intérieur du corps de la boucle :
var i = 0;
var len = cars.length;
for (; i < len;) {
text += cars[i] + "<br>";
i++;
}
Essayez-le vous-même »
Exemples
Parcourez les nœuds de l'objet NodeList et modifiez la couleur d'arrière-plan de tous les éléments <p> de la liste :
var i;
for (i = 0; i < myNodelist.length; i++) {
myNodelist[i].style.backgroundColor = "red";
}
Essayez-le vous-même »
Exemples
Exemple de boucle imbriquée :
var i, j;
for (i = 0; i < 3; i++) {
text += "<br>" + "i = " + i + ", j = ";
for (j = 10; j < 15; j++) {
document.getElementById("demo").innerHTML = text += j + " ";
}
}
Essayez-le vous-même »
Pages associées
Tutoriel JavaScript : boucle for JavaScript
Référence JavaScript :Instruction for ... in JavaScript
Référence JavaScript :Instruction break JavaScript
Référence JavaScript :Instruction continue JavaScript
Référence JavaScript :Instruction while en JavaScript
Référence des instructions JavaScript Autres extensions