JavaScript Declaración de

<JavaScript Declaraciones de referencia

Ejemplo

Lazo a través de un bloque de código en cinco ocasiones:

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

El resultado de texto será:

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

Inténtalo tú mismo "

Más "Try it Yourself" ejemplos a continuación.

Definición y Uso

La sentencia crea un bucle que se ejecuta siempre que se cumpla una condición.

El bucle continuará funcionando siempre y cuando la condición es verdadera. Que sólo se detendrá cuando la condición se convierte en falsa.

JavaScript soporta diferentes tipos de bucles:

for - bucles a través de un bloque de código un número de veces
for/in - bucles a través de las propiedades de un objeto
while - a través de bucles de un bloque de código mientras una condición especificada es verdadera
do / while - bucles a través de un bloque de código una vez, y luego se repite el bucle, mientras que una condición especificada es cierto

Consejo: Utilice la ruptura declaración de salir de un bucle, y el continuar declaración saltarse un valor en el bucle.

Soporte del navegador

Declaración
for	Sí	Sí	Sí	Sí	Sí

Sintaxis

Los valores de los parámetros

Parámetro	Descripción
statement1	Opcional. Ejecutado antes del bucle (the code block) comienza. Normalmente, esta instrucción se utiliza para inicializar una variable de contador. Para iniciar múltiples valores, separe cada valor con una coma. Nota: Este parámetro se puede omitir. Sin embargo, no se omite el punto y coma ";"
statement2	Opcional. Define la condición para ejecutar el bucle (the code block) . Normalmente, esta sentencia se utiliza para evaluar el estado de la variable de contador. Si se vuelve verdadera, el bucle se iniciará de nuevo, si se vuelve falsa, el bucle terminará. Nota: Este parámetro se puede omitir. Sin embargo, no se omite el punto y coma ";" . Además, si se omite este parámetro, debe proporcionar un descanso dentro del bucle. De lo contrario, el bucle no tendrá fin, que se colgará su navegador
statement3	Opcional. Ejecuta cada vez después de que el bucle (el bloque de código) se ha ejecutado. Normalmente, esta sentencia se utiliza para aumentar o disminuir la variable de contador. Nota: Este parámetro se puede omitir (eg to increase/decrease values inside the loop)

Detalles técnicos

Versión de JavaScript:	1.0

Más ejemplos

Ejemplo

Bucle a través de los índices de una matriz para recoger los nombres de coche de la matriz coches:

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

Inténtalo tú mismo "

Ejemplo anterior explicó:

En primer lugar, nos propusimos una variable antes de que comience el bucle (var i = 0;)
A continuación, se define la condición para que el bucle se ejecute. Mientras la variable es menor que la longitud de la matriz (which is 4) , el bucle continuará
Cada vez que el bucle se ejecuta, la variable se incrementa en uno (i++)
Una vez que la variable es ya no menos de 4 (array's length) , la condición es falsa, y el bucle terminará

Ejemplo

Iniciar varios valores en el primer parámetro:

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

Inténtalo tú mismo "

Ejemplo

Omitir el primer parámetro (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] + " ";
}

Inténtalo tú mismo "

Ejemplo

Usando la sentencia continue - Bucle a través de un bloque de código, pero evita el valor de "3" :

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

Inténtalo tú mismo "

Ejemplo

Uso de la declaración de la rotura - Loop a través de un bloque de código, pero salir del bucle cuando la variable i es igual a "3" :

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

Inténtalo tú mismo "

Ejemplo

Omitir el segundo parámetro. En este ejemplo, también utilizamos la ruptura comunicado para salir del bucle cuando i es igual a "3" (si se omite el segundo parámetro, debe proporcionar un descanso dentro del bucle. De lo contrario, el bucle nunca terminará, y su navegador choque):

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

Inténtalo tú mismo "

Ejemplo

Loop a través de los índices de una matriz, en orden descendente (incremento negativo):

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

Inténtalo tú mismo "

Ejemplo

Omitir el último parámetro, y el incremento de los valores dentro del bucle:

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

Inténtalo tú mismo "

Ejemplo

Loop a través de los nodos de un objeto NodeList y cambiar el color de fondo de todos los elementos de la lista:

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

Inténtalo tú mismo "

Ejemplo

Un ejemplo de un bucle anidado (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 + " ";
 }
}

Inténtalo tú mismo "