Bucle While de JavaScript

El bucle continuará ejecutando el bloque de código mientras la condición sea verdadera.

Bucle While

El bucle while continuará ejecutando el bloque de código mientras la condición especificada sea verdadera.

sintaxis

while (condición) {
    bloque de código a ejecutar
}

Ejemplo

En el siguiente ejemplo, el código dentro del bucle se ejecutará una y otra vez mientras la variable (i) sea menor que 10:

while (i < 10) {
    text += "El número es " + i;
    i++;
}

Pruebe usted mismo

Si olvidas incrementar la variable utilizada en la condición, el bucle nunca terminará. Esto podría causar que el navegador se bloquee.

Bucle Do/While

El bucle do/while es una variante del bucle while. Este bucle ejecuta una vez el bloque de código antes de verificar si la condición es verdadera, y luego repite el ciclo mientras la condición sea verdadera.

sintaxis

do {
    bloque de código a ejecutar
}
while (condición);

Ejemplo

El siguiente ejemplo utiliza el bucle do/while. Este bucle ejecutará al menos una vez, incluso si la condición es falsa, porque el bloque de código se ejecutará antes de que se realice la prueba de condición:

do {
    text += "El número es " + i;
    i++;
 }
while (i < 10);

Pruebe usted mismo

while (i < 10);

¡No olvide aumentar la variable utilizada en la condición, de lo contrario el bucle nunca terminará!

Comparación entre For y While

El bucle utilizado en este ejemplo utiliza Si ya ha leído los capítulos anteriores sobre bucles, descubrirá que el bucle while es muy similar al bucle for, en el que las instrucciones 1 y 2 pueden omitirse.Para extraer las marcas de automóviles del array cars:

Ejemplo

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i = 0;
var text = "";
Bucle for
    text += cars[i] + "<br>";
    i++;
}

Pruebe usted mismo

El bucle utilizado en este ejemplo utiliza Bucle whilePara extraer las marcas de automóviles del array cars:

Ejemplo

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

Pruebe usted mismo

Libros de texto adicionales

Para obtener más información sobre Instrucción while de JavaScriptPara obtener más información sobre el conocimiento, lea el contenido relevante en los tutoriales avanzados de JavaScript:

Expresiones iterativas de ECMAScript
Las expresiones iterativas, también conocidas como instrucciones de bucle, se presentan en esta sección las cuatro instrucciones de iteración proporcionadas por ECMAScript.