English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

JavaScript for statement

 Declaración de sentencias y variables de JavaScript

forA statement creates a loop that executes the specified statement as long as the calculated result of the condition (condition) is true.

Only whenCondition (condition)The loop will stop only when it becomes false.

JavaScript provides the following types of loops:

  • for -Traverse the code block several times in a loop

  • for...in-Traverse the properties of an object

  • while-When the specified condition is true, the code block is traversed in a loop

  • do...while -do...while

Ejecutar una vez el bloque de código, luego repetir el bucle cuando la condición especificada sea verdaderabreakLa declaración termina el bucle actual y usacontinueLa declaración salta el valor dentro del bucle.

Sintaxis:

for (initialization; condition; final-expression) {
 //Las instrucciones a ejecutar
 }
for (let n = 0; n < 5; n++) {
document.write("<br>El número es " + n);
}
Prueba y mira‹/›

Compatibilidad del navegador

Todos los navegadores admiten completamente la declaración for:

Statement
for

Valores de los parámetros

ParámetrosDescripción
initialization(Opcional) Ejecutar antes de comenzar el bucle. Generalmente, esta instrucción se utiliza para inicializar la variable de contador. Para comenzar con varios valores, separe cada valor con una coma.
condition (Opcional) Definir la condición de ejecución del bucle. Generalmente, esta instrucción se utiliza para evaluar la condición de la variable de contador. Si devuelve verdadero, el bucle se reiniciará; si devuelve falso, el bucle se detendrá. Nota: Si se omite, la condición siempre será verdadera. Esto puede hacer que su navegador se caiga.
final-expression(Opcional) Ejecutar después de cada ejecución del bucle. Generalmente, esta instrucción se utiliza para incrementar o decrementar una variable de contador.

Detalles técnicos

Versión de JavaScript:ECMAScript 1

Más ejemplos

Recorrer el array en orden ascendente:

var frutas = ['Manzana','Mango','Plátano','Naranja'];
var txt = '';
for (var i = 0; i < frutas.length;++) {
"; += frutas[i] + "<br>";
}
Prueba y mira‹/›

Recorrer el array en orden descendente:

var frutas = ['Manzana','Mango','Plátano','Naranja'];
var txt = '';
for (var i = frutas.length -1; i >= 0; i--) {
"; += frutas[i] + "<br>";
}
Prueba y mira‹/›

El bucle recorre los nodos del objeto NodeList y cambia el color de fondo de todos los elementos de la lista:

var x = document.querySelectorAll(".demo");
for (let i = 0; i < x.length;++) {
x[i].style.backgroundColor = "coral";
}
Prueba y mira‹/›

La recursión anidada se utiliza en la mayoría de los lugares, se utiliza en la multiplicación de matrices, la visualización de tablas y muchos otros lugares:

var txt = "";
for (var row = 0; row < 10; row++) {
   ; row++) {
   "; +for (var col = 0; col < row; * = ""
   }
   "; +txt
}
Prueba y mira‹/›

= "<br>";3El siguiente función tiene una sentencia break, cuando i es

var text = "";
for (let i = 0; i < 6; i++) {
if (i === 3) {
   break;
}
text += "El número es " + i + "<br>";
}
Prueba y mira‹/›

El siguiente ejemplo muestra un bucle for que tiene una sentencia continue, la cual termina el bucle for cuando el valor de i es3Ejecutar cuando:

var text = "";
for (let i = 0; i < 6; i++) {
if (i === 3) {
   continue;
}
text += "El número es " + i + "<br>";
}
Prueba y mira‹/›

Referencias relacionadas

Referencia de JavaScript:Sentencia for... in de JavaScript

Referencia de JavaScript:Sentencia while de JavaScript

Referencia de JavaScript:Sentencia break de JavaScript

Referencia de JavaScript:Sentencia continue de JavaScript

 Declaración de sentencias y variables de JavaScript