Cómo usar el bucle 'while' de JavaScript, con ejemplos

Este artículo le mostrará cómo JavaScript while se construye el bucle, y para qué se usa, con ejemplos de código.

Mientras Los bucles son uno de los tipos de bucles más simples y aparecen en la mayoría de los lenguajes de programación. Un tiempo loop ejecuta un bloque de código repetidamente, hasta que se cumple una condición. Cuando el mientras se cumple la condición, el bucle se detiene .

Es importante sentirse cómodo con el uso de bucles y comprender cómo funcionan, ya que forman la columna vertebral de casi todos los juegos y aplicaciones que puede escribir. Asegúrese de estar familiarizado con el funcionamiento de los bucles, cuándo se verifica la condición y cuántas veces se espera que se ejecute un bucle, para que su aplicación se comporte de la manera que usted desea.

Los bucles se utilizan para iterar a través de matrices, para contar y para reintentar acciones. Por ejemplo, los bucles se usan para mostrar filas de tablas en la pantalla (recorriendo cada registro en una base de datos e imprimiéndolos) y se usan para mover enemigos en la pantalla en videojuegos (recorriendo en un intervalo de tiempo establecido y actualizando la posición de los objetos). en pantalla).

¿Qué es un mientras Bucle

Un ciclo while ejecutará un bloque de código mientras una condición dada sea verdadera . Cuando esa condición cambia a falso , el bucle saldrá y el código que le sigue seguirá ejecutándose.

JavaScript mientras Sintaxis de bucle

JavaScript mientras loop tiene la siguiente sintaxis:

while (CONDITION){
    STATEMENTS
}

Tenga en cuenta que:

  • CONDICIÓN puede ser cualquier expresión de JavaScript que se evalúe como un booleano verdadero/falso valor
  • DECLARACIONES puede ser cualquier número de líneas de código JavaScript que se ejecutará cada vez que se repita el bucle
  • El mientras loop ejecutará las DECLARACIONES siempre que la CONDICIÓN expresión se evalúa como verdadera o es verdad
    • Entonces, para salir del mientras bucle, tus DECLARACIONES tendrá que cambiar algo en la CONDICIÓN para que ya no pueda considerarse verdadero

JavaScript mientras Ejemplos de bucles

A continuación se muestran algunos ejemplos de mientras bucles Las declaraciones dentro de cada bucle se ejecutarán hasta que la condición del bucle ya no sea verdadera .

Observe que el código que se ejecuta en el bucle cambia la condición del bucle para que salga.

var i = 1;
while (i <= 5){
    console.log(i);
    i++;
}

Arriba, un mientras el bucle se ejecuta con la condición de que la variable i es menor o igual a 5 . Las sentencias de código ejecutadas por el bucle incrementan el valor de i después de imprimirlo, de modo que eventualmente se cumpla la condición que sale del ciclo.

El ejemplo anterior generará lo siguiente en la consola:

1
2
3
4
5

Para cada iteración del bucle, el valor de i se imprime y luego se incrementa. El bucle sale una vez i llega a 5.

También es posible escribir un ciclo while sin corchetes de código si solo desea ejecutar una sola instrucción:

var i = 1;
while( i <= 5 ) console.log(i++);

Arriba, el bucle se ejecutará hasta i llega a 5. El eco declaración imprimirá el valor de i antes se incrementa por el ++ operador.

¡Cuidado con los bucles infinitos!

Si su bucle nunca llega a una condición que haga que se cierre, su bucle se ejecutará indefinidamente, congelando su aplicación. ¡Esto se llama bucle infinito y debe evitarse a toda costa!