Bucles

Los programas a menudo necesitan repetir la misma acción más de una vez.

En lugar de escribir el mismo código una y otra vez, puedes usar un bucle para repetir un bloque de código por ti.

Qué es un bucle

Un bucle repite un bloque de código.

Puede repetirse un número fijo de veces, o mientras una condición sea verdadera.

Cuando la condición se vuelve falsa, el bucle se detiene y JavaScript continúa con la siguiente parte del programa.

Por qué los bucles son útiles

Los bucles ahorran tiempo y ayudan a evitar código repetido.

Por ejemplo, si quieres mostrar un mensaje 100 veces, no deberías escribir 100 líneas separadas de console.log().

Con un bucle, escribes el mensaje una vez y controlas cuántas veces se repite.

Primer ejemplo de código

El bucle for se usa comúnmente para contar y repetir acciones.

for (let count = 1; count <= 3; count++) {
  console.log("Este es el mensaje número " + count);
}

Cuando haces clic en Ejecutar, verás tres mensajes en la sección de salida.

Explicación del código

El bucle for tiene tres partes dentro de los paréntesis.

Están separadas por punto y coma ;.

• let count = 1 es el valor inicial. Crea una variable contadora y la inicia en 1.
• count <= 3 es la condición. El bucle se ejecuta mientras esta condición sea verdadera.
• count++ es la actualización. Aumenta count en 1 después de cada repetición.

El código dentro de las llaves {} se ejecuta cada vez que el bucle se repite.

Cuando count se convierte en 4, la condición count <= 3 es falsa, así que el bucle se detiene.

Cambiar cuántas veces se ejecuta un bucle

Puedes cambiar el valor inicial o la condición para controlar cuántas veces se ejecuta un bucle.

Este ejemplo cuenta desde 5 hasta 10.

for (let i = 5; i <= 10; i++) {
  console.log("Contando: " + i);
}

JavaScript también tiene un bucle while. Un bucle while repite código mientras una condición sea verdadera.

En esta lección para principiantes, enfócate en los bucles for porque son útiles cuando sabes cuántas veces quieres repetir una acción.

Advertencia: Asegúrate de que tu bucle pueda detenerse. Si la condición nunca se vuelve falsa, el bucle puede ejecutarse para siempre y congelar la página.

Mini tarea

Cambia el bloque de código de abajo para que imprima los números del 1 al 5 en lugar del 1 al 2.

for (let count = 1; count <= 2; count++) {
  console.log(count);
}

Quiz corto

Pregunta: ¿Qué sucede cuando la condición de un bucle se vuelve falsa?

• A) El bucle se reinicia desde el principio.
• B) El bucle deja de ejecutarse.
• C) El bucle se vuelve infinito.

Respuesta: B. El bucle deja de ejecutarse.

Pequeño desafío

Escribe un bucle for que imprima "Hola" exactamente cuatro veces.

// escribe tu código abajo

console.log()

Resumen

• Un bucle repite un bloque de código.
• Un bucle for es útil para contar y repetir acciones.
• Un bucle for básico tiene un valor inicial, una condición y una actualización.
• El bucle se detiene cuando la condición se vuelve falsa.
• Un bucle debe tener una forma de detenerse, o puede convertirse en un bucle infinito.