Saltar la navegación

While y do...while

for no es el único tipo de bucle disponible en JavaScript. En realidad, hay muchos otros y, aunque no es necesario que los entiendas todos ahora, vale la pena echar un vistazo a la estructura de un par de otros para que puedas reconocer las mismas características en funcionamiento de una manera ligeramente diferente.

Primero, echemos un vistazo al bucle while. La sintaxis de este bucle es la siguiente:

Esto funciona de manera muy similar al bucle for, excepto que la variable inicializadora se establece antes del bucle y la expresión final se incluye dentro del bucle después del código a ejecutar, en lugar de que estos dos elementos se incluyan entre paréntesis. La condición de salida se incluye dentro de los paréntesis, que están precedidos por la palabra clave while en lugar de for.

Los mismos tres elementos todavía están presentes y todavía están definidos en el mismo orden en que están en el bucle for; esto tiene sentido, ya que aún debe tener un inicializador definido antes de poder verificar si ha alcanzado la condición de salida. ; Luego, la condición final se ejecuta después de que se haya ejecutado el código dentro del bucle (se haya completado una iteración), lo que solo sucederá si aún no se ha alcanzado la condición de salida.

Echemos un vistazo nuevamente a nuestro ejemplo de lista de gatos, pero reescrito para usar un bucle while:

El bucle do... while es muy similar, pero proporciona una variación de la estructura while:

En este caso, el inicializador vuelve a ser lo primero, antes de que comience el ciclo. La palabra clave do precede directamente a las llaves que contienen el código a ejecutar y la expresión final.

El diferenciador aquí es que la condición de salida viene después de todo lo demás, entre paréntesis y precedida por una palabra clave while. En un bucle do... while, el código dentro de las llaves siempre se ejecuta una vez antes de realizar la verificación para ver si se debe ejecutar nuevamente (en while y for, la verificación es lo primero, por lo que es posible que el código nunca se ejecute). ).

Reescribamos nuestro ejemplo de lista de gatos nuevamente para usar un bucle do... while:

Nota:

Con while y do... while, como con todos los bucles, debes asegurarte de que el inicializador se repita para que finalmente alcance la condición de salida. De lo contrario, el bucle continuará para siempre y el navegador lo obligará a detenerse o se bloqueará. A esto se le llama bucle infinito.