JavaScript pour déclaration

<Déclarations JavaScript Référence

Exemple

Boucle à travers un bloc de cinq fois le code:

var text = "";
var i;
for (i = 0; i < 5; i++) {
text += "The number is " + i + " ";
}

Le résultat du texte sera:

The number is 0
The number is 1
The number is 2
The number is 3
The number is 4

Essayez vous - même »

Plus "Try it Yourself" - "Try it Yourself" exemples ci - dessous.

Définition et utilisation

L'instruction for crée une boucle qui est exécutée tant qu'une condition est vraie.

La boucle continuera à fonctionner tant que la condition est vraie. Il ne s'arrêtera lorsque la condition devient fausse.

JavaScript prend en charge différents types de boucles:

for - boucles à travers un bloc de code un nombre de fois
for/in - boucle à travers les propriétés d'un objet
while - une boucle à travers un bloc de code tant qu'une condition spécifiée est vraie
faire / tandis que - des boucles à travers un bloc de code une fois, et répète ensuite la boucle tant qu'une condition spécifiée est vraie

Astuce: Utilisez la pause déclaration pour sortir d'une boucle, et continuer déclaration à sauter une valeur dans la boucle.

Support du navigateur

Déclaration
for	Oui	Oui	Oui	Oui	Oui

Syntaxe

Les valeurs des paramètres

Paramètre	La description
statement1	Optionnel. Exécuté avant que la boucle (the code block) démarre. Normalement, cette instruction est utilisée pour initialiser une variable compteur. Pour lancer des valeurs multiples, séparer chaque valeur par une virgule. Remarque: Ce paramètre peut être omis. Cependant, ne pas omettre le point - virgule ";"
statement2	Optionnel. Définit la condition pour l' exécution de la boucle (the code block) . Normalement, cette déclaration est utilisée pour évaluer l'état de la variable compteur. Si elle renvoie true, la boucle va recommencer, si elle retourne false, la boucle se terminera. Remarque: Ce paramètre peut être omis. Cependant, ne pas omettre le point - virgule ";" . En outre, si vous ne spécifiez pas ce paramètre, vous devez fournir une pause dans la boucle. Sinon, la boucle ne se terminera jamais, ce qui va planter votre navigateur
statement3	Optionnel. Exécuté à chaque fois après la boucle (le bloc de code) a été exécutée. Normalement, cette instruction est utilisée pour augmenter ou diminuer la variable compteur. Remarque: Ce paramètre peut être omis (eg to increase/decrease values inside the loop) les (eg to increase/decrease values inside the loop) à l' (eg to increase/decrease values inside the loop) de (eg to increase/decrease values inside the loop)

Détails techniques

JavaScript Version:	1.0

autres exemples

Exemple

Boucle à travers les indices d'un tableau pour recueillir les noms de voiture à partir du tableau de voitures:

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
var i;
for (i = 0; i < cars.length; i++) {
text += cars[i] + " ";
}

Essayez vous - même »

Exemple expliqué ci-dessus:

Tout d' abord, nous avons mis une variable avant le début de la boucle (var i = 0;)
Ensuite, nous définissons la condition pour que la boucle exécutée. Tant que la variable est inférieure à la longueur de la matrice (which is 4) ce (which is 4) , la boucle continue
Chaque fois que la boucle est exécutée, la variable est incrémentée d'une unité (i++)
Une fois que la variable n'est plus inférieure à 4 (array's length) du (array's length) , la condition est fausse, et la boucle se terminera

Exemple

Initier plusieurs valeurs dans le premier paramètre:

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i;
for (i = 0, len = cars.length, text = ""; i < len; i++) {
text += cars[i] + " ";
}

Essayez vous - même »

Exemple

Omettre le premier paramètre (set values before the loop starts) de (set values before the loop starts) que (set values before the loop starts) :

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i = 2;
var len = cars.length;
var text = "";
for (; i < len; i++) {
text += cars[i] + " ";
}

Essayez vous - même »

Exemple

Utilisation de l'instruction continue - Boucle à travers un bloc de code, mais ignorer la valeur de "3" :

var text = ""
var i;
for (i = 0; i < 5; i++) {
 if (i == 3) {
 continue;
 }
 text += "The number is " + i + " ";
}

Essayez vous - même »

Exemple

Utilisation de l'instruction break - boucle à travers un bloc de code, mais sortir de la boucle lorsque la variable i est égale à "3" :

var text = ""
var i;
for (i = 0; i < 5; i++) {
 if (i == 3) {
 break;
 }
 text += "The number is " + i + " ";
}

Essayez vous - même »

Exemple

Omettre le second paramètre. Dans cet exemple, nous utilisons également la pause déclaration pour quitter la boucle lorsque i est égal à « 3 » (si le second paramètre est omis, vous devez fournir une pause dans la boucle. Sinon , la boucle ne se terminera jamais, et votre navigateur crash):

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
var i;
for (i = 0; ; i++) {
 if (i == 3) {
 break;
 }
 text += cars[i] + " ";
}

Essayez vous - même »

Exemple

Boucle à travers les indices d'une matrice, dans l'ordre descendant (incrément négatif):

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
var i;
for (i = cars.length - 1; i >= 0; i--) {
text += cars[i] + " ";
}

Essayez vous - même »

Exemple

Omettre le dernier paramètre, et incrémenter les valeurs à l'intérieur de la boucle:

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i = 0;
var len = cars.length;
for (; i < len;) {
text += cars[i] + " ";
i++;
}

Essayez vous - même »

Exemple

Boucle à travers les noeuds d'un objet NodeList et changer la couleur d'arrière - plan de tous les éléments dans la liste:

var myNodelist = document.getElementsByTagName("P");
var i;
for (i = 0; i < myNodelist.length; i++) {
myNodelist[i].style.backgroundColor = "red";
}

Essayez vous - même »

Exemple

Un exemple d'une boucle imbriquée (a loop inside a loop) :

var text = "";
var i, j;

for (i = 0; i < 3; i++) {
 text += " " + "i = " + i + ", j = ";

 for (j = 10; j < 15; j++) {
 document.getElementById("demo").innerHTML = text += j + " ";
 }
}

Essayez vous - même »