JavaScript mientras bucle
Ejemplo
Repita un bloque de código siempre que ai sea menor que 5:
let text = "";
let i = 0;
while (i < 5) {
text += i + "<br>";
i++;
}
Repita (itere sobre) una matriz para recopilar nombres de automóviles:
const cars = ["BMW", "Volvo", "Saab", "Ford"];
let text = "";
let i = 0;
while (i < cars.length) {
text += cars[i] + "<br>";
i++;
}
- El ciclo comienza en la posición 0 (
let i = 0). - El bucle se incrementa
ipara cada ejecución (i++). - El ciclo se ejecuta mientras
i < cars.length.
Más ejemplos a continuación.
Definición y uso
La whileinstrucción crea un bucle (alrededor de un bloque de código) que se ejecuta mientras se cumple una condición
true.
El bucle se ejecuta mientras la condición es true. De lo contrario, se detiene.
Ver también:
Declaraciones de bucle de JavaScript
| Declaración | Descripción | |
| descanso | Sale de un bucle | |
| Seguir | Salta un valor en un bucle | |
| mientras | Recorre un bloque de código mientras una condición es verdadera | |
| hacer... mientras | Recorre un bloque de código una vez y luego mientras una condición es verdadera | |
| por | Recorre un bloque de código mientras una condición es verdadera | |
| para... de | Recorre los valores de cualquier iterable | |
| para... en | Recorre las propiedades de un objeto |
Sintaxis
while (condition) {
code block to be executed
}
Parámetros
| Parameter | Description |
| condition | Required. The condition for running the code block. If it returns true, the code clock will start over again, otherwise it ends. |
Nota
Si la condición es siempre verdadera, el ciclo nunca terminará. Esto bloqueará su navegador.
Si usa una variable en la condición, debe inicializarla antes del ciclo e incrementarla dentro del ciclo. De lo contrario, el ciclo nunca terminará. Esto también bloqueará su navegador.
Más ejemplos
Recorra una matriz en orden descendente (incremento negativo):
const cars = ["BMW", "Volvo", "Saab", "Ford"];
let text = "";
let len = cars.length;
while (len--) {
text += cars[len] + "<br>";
}
Usando break - Recorra un bloque de código, pero salga del ciclo cuando i == 3:
let text = "";
let i = 0;
while (i < 5) {
text += i + "<br>";
i++;
if (i == 3) break;
}
Usando continuar: recorra un bloque de código, pero omita el valor 3:
let text = "";
let i = 0;
while (i < 5) {
i++;
if (i == 3) continue;
text += i + "<br>";
}
Compatibilidad con navegador
while es una característica de ECMAScript1 (ES1).
ES1 (JavaScript 1997) es totalmente compatible con todos los navegadores:
| Chrome | IE | Edge | Firefox | Safari | Opera |
| Yes | Yes | Yes | Yes | Yes | Yes |