Bucle While de JavaScript

Si la condición especificada es verdadera, se puede ejecutar el bloque de código.

Bucle While

El bucle while ejecutará las instrucciones especificadas siempre que el valor de la condición sea verdadero.

La sintaxis del bucle while es la siguiente:

while (condition) {　//　Ejecutar código mientras la condición sea verdadera}

var n = 0;
while (n <　5)　{
　　　document.write("<br>Este número es "　+　n);
　　　n++;
}

Nota:Si desea usar unaCondicionesVariable, inicialice antes de la iteración del bucle, y aumente en el bucle. Si olvida aumentar la variable, el bucle nunca terminará. Esto puede hacer que se bloquee su navegador.

Bucle infinito

UnBucle infinitoen el sentido literal, es un bucle que se mantendrá siempre en ejecución. Si no se hace malintencionadamente un bucle infinito, puede causar que el navegador o la computadora se bloqueen. Es importante ser consciente de los bucles infinitos para poder evitarlos.

Cuando la condición de la instrucción while se configura comotrueEn ese momento, se producirá un bucle infinito común.

　　while (true) {
　　　　//　Ejecutar código siempre
　　}

El bucle infinito se ejecutará para siempre, pero se puede终止程序使用break clave.

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 bucle siempre que la condición sea verdadera.

La sintaxis del bucle do...while es la siguiente:

do {
//　Las instrucciones a ejecutar
}
while (condition);

do {
　　　document.write("<br>El número es "　+　n);
　　　n++;
}
while (n <　5);

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

Nota:Incluso si la condición es false, este bucle siempre se ejecutará al menos una vez, porque el bloque de código se ejecuta antes de la prueba de condición:

var n =　5;
do {
　　　document.write("<br>El número es "　+　n);
　　　n++;
}
while (n <　3);　　//　false

La diferencia entre el bucle while y el bucle do ... while

El bucle while es diferente del bucle do...while de una manera importante, ya que utiliza el bucle while para probar la condición a calcular al comenzar cada iteración del bucle, por lo que si el resultado de la expresión de condición es false, el bucle nunca se ejecutará.

Por otro lado, al usar el bucle do ... while, el bucle se ejecutará siempre una vez, incluso si el resultado de la expresión de condición es false, porque a diferencia del bucle while, la condición se calcula al final de la iteración del bucle, no al principio.

Comparación entre bucles For y While

Si ya has leído el capítulo anterior sobre bucles for, descubrirás que el bucle while es muy similar al bucle for, solo que omite la expresión de inicialización y la expresión final.

En este ejemplo, el bucle for se utiliza para obtener nombres de frutas del array fruits:

var　fruits　=　['Manzana'，　'Mango'，　'Plátano'，　'Naranja'];
var　txt　=　'';
for　(var　i　=　0;　i　<　fruits.length;　i++)　{
txt　+=　fruits[i]　+　'<br>';
}

En este ejemplo, el bucle while se utiliza para obtener nombres de frutas del array fruits:

var　fruits　=　['Manzana'，　'Mango'，　'Plátano'，　'Naranja'];
var　txt　=　'';
var　i　=　0;
while　(i　<　fruits.length)　{
　txt　+=　fruits[i]　+　'<br>';
　i++;
}