AD

¿Ya dominas lo básico? Un curso estructurado de JavaScript es la vía rápida para dar el salto.

Ver cursos de JavaScript en Udemy

Enlace de afiliado. No te cuesta nada extra.

🟨Lecciones de JavaScript
Lección 8 / 69

Bucles (sentencias while)

En esta lección verás la repetición con la sentencia while de JavaScript y entenderás en qué se diferencia del for para elegir la adecuada. Está dirigida a quien busca «uso del while en JavaScript» o «while frente a for en JavaScript».

Una sentencia while repite «mientras se cumpla la condición». Se escribe como while (condición) { ... } y, a diferencia del for, se usa a menudo cuando no se sabe de antemano cuántas repeticiones habrá. La regla práctica: usa un for cuando ya conoces la «condición de fin» y un while cuando «no sabes cuándo va a terminar».

El código de ejemplo repite solo mientras la variable contador es menor que 5, aumentando su valor en 1 con contador++ dentro del bucle. La condición se evalúa al principio de cada vuelta y, en cuanto se vuelve falsa, el bucle termina y la ejecución pasa a la línea siguiente. Tener presente ese flujo de «la condición se comprueba cada vez» lo hace más fácil de entender.

Un tropiezo habitual es olvidar actualizar dentro del bucle la variable de la condición, lo que crea un «bucle infinito». Si usas a propósito una condición como while (true), debes asegurarte de incluir un break en alguna parte para poder salir. Si el navegador parece congelado, sospecha primero de esto.

En el desarrollo real, el while brilla en situaciones en las que no conoces de antemano la condición de fin: el bucle principal de un videojuego, o código que espera hasta que llega la respuesta de un servidor. La idea del while también se usa mucho como base de programas que esperan la entrada del usuario.

Además de la forma normal, que comprueba la condición primero, existe la forma do...while, que siempre ejecuta el cuerpo al menos una vez antes de comprobarla. Es útil para situaciones como «muestra un mensaje al menos una vez y después pregunta si continuar».

Para salir antes de tiempo según una condición puedes usar break; para saltarte solo esa vuelta, continue. Son herramientas importantes para controlar la repetición con detalle y funcionan tanto en bucles while como for.

JavaScript
SALIDA

💡 Todo lo que pases a console.log() aparece en la salida de abajo.

Espacio publicitario (banner)
Espacio publicitario (en el artículo)