English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
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.
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‹/›
Todos los navegadores admiten completamente la declaración for:
Statement | |||||
for | Sí | Sí | Sí | Sí | Sí |
Parámetros | Descripció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. |
Versión de JavaScript: | ECMAScript 1 |
---|
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‹/›
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