JavaScript forSentencia

JavaScript 语句参考手册Manual de referencia de sentencias de JavaScript

Ejemplo

Ejecutar el bloque de código 5 veces:

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

textEl resultado es:

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

Pruébalo »

Este artículo contiene más ejemplos al final.

Definición y uso

La sentencia for se ejecuta siempre que la condición de evaluación sea true.

Mientras la condición sea true, el bucle se ejecuta continuamente hasta que la condición sea false.

El bucle for es la herramienta que suele utilizar cuando desea crear un bucle.

JavaScript admite diferentes tipos de bucles:

  • for - Ejecutar un bloque de código un número determinado de veces
  • for/in - Recorrer las propiedades de un objeto
  • while - Ejecutar un bloque de código especificado mientras la condición especificada sea true
  • do/while- Igualmente, ejecutar un bloque de código especificado mientras la condición especificada sea true

Consejo:Use labreaksentencia para salir del bucle, use lacontinuesentencia para omitir la iteración actual y continuar con la siguiente.

Compatibilidad del navegador

Sentencia
for Yes Yes Yes Yes Yes

Sintaxis

for (statement 1; statement 2; statement 3) {
    code block to be executed
}

Valores de parámetros

Parámetro Descripción
statement1 Opcional. Se ejecuta antes del bucle, se utiliza para la inicialización de variables; para inicializar varias variables, sepárelas con comas (,).

Nota:Este parámetro se puede omitir. Sin embargo, no omita el punto y coma ';'.
statement2 Opcional. Define la condición para ejecutar el bucle. Normalmente esta sentencia se usa para evaluar la condición; si la condición es true, el bucle continúa; si es false, el bucle termina.

Nota:Este parámetro se puede omitir. Sin embargo, no omita el punto y coma ';'. Además, si omite este parámetro, debe proporcionar una condición de salida del bucle dentro del bucle. De lo contrario, el bucle se ejecutará infinitamente y provocará que el navegador se bloquee.
statement3 Opcional. Esta sentencia se ejecuta después de cada iteración del bucle. Normalmente se utiliza para incrementar o decrementar la variable de conteo.

Nota:Este parámetro se puede omitir (por ejemplo: el incremento o decremento se realiza dentro del bucle).

Detalles técnicos

Versión de JavaScript: 1.0

实例

Más ejemplos

Ejemplo

Imprimir los nombres de los coches recorriendo los índices del array:

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

Pruébalo »

Análisis del ejemplo anterior:

  • Primero, establecemos la variable antes de que comience el bucle (var i = 0;)
  • Luego, definimos la condición para ejecutar el bucle. El bucle se ejecuta hasta que el valor de la variable sea menor que la longitud del array (longitud 4).
  • Cada vez que se ejecuta el bucle, la variable se incrementa en 1 (i++).
  • Si la variable ya no es menor que 4 (la longitud del array), la condición es false y se sale del bucle.

Ejemplo

Inicializar 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] + "<br>";
}

Pruébalo »

Ejemplo

Omitir el primer parámetro (establecer el valor antes del bucle):

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

Pruébalo »

Ejemplo

Usar la sentencia continue: ejecutar el bloque de código, pero omitir la iteración cuando i sea igual a '3':

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

Pruébalo »

Ejemplo

Usar la sentencia break: ejecutar el bloque de código, pero salir del bucle cuando la variable i sea igual a '3':

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

Pruébalo »

Ejemplo:

Omitir el segundo parámetro. En este ejemplo, también usamos labreaksentencia para salir del bucle cuando i sea igual a '3' (si se omite el segundo parámetro, debe establecer una condición de salida dentro del cuerpo del bucle. De lo contrario, el bucle no terminará y provocará que el navegador se bloquee):

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

Pruébalo »

Ejemplo

Recorrer los índices del array en orden decreciente:

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

Pruébalo »

Ejemplo

Omitir el último parámetro e incrementar el valor dentro del cuerpo del bucle:

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

Pruébalo »

Ejemplo

Recorrer los nodos del objeto NodeList y modificar el color de fondo de todos los elementos <p> de la lista:

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

Pruébalo »

Ejemplo

Ejemplo de bucle anidado:

var text = "";
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 + " ";
    }
}

Pruébalo »

Páginas relacionadas

Tutorial de JavaScript:Bucle for de JavaScript

Manual de referencia de JavaScript:Sentencia for...in de JavaScript

Manual de referencia de JavaScript:Sentencia break de JavaScript

Manual de referencia de JavaScript:Sentencia continue de JavaScript

Manual de referencia de JavaScript:Sentencia while de JavaScript

JavaScript 语句参考手册Manual de referencia de sentencias de JavaScript Otras extensiones