- ¿Qué es un algoritmo y por qué importa?
- ¿Por qué necesitamos bucles?
- El bucle while
- Azúcar sintáctico
Hasta ahora, hemos aprendido a escribir programas pequeños, pero a medida que avanzamos, nuestros programas empiezan a crecer y volverse más complejos. En esta lección, veremos un concepto fundamental en la programación: los bucles (loops).
¿Qué es un algoritmo y por qué importa?
📖 Por ejemplo, cuando buscamos una frase en un libro sin saber en qué página está, la estrategia más sencilla es revisar página por página hasta encontrarla.
🔁 Este proceso repite la misma operación varias veces:
- Leer una página.
- Ver si la frase está ahí.
- Si no está, pasar a la siguiente.
- Repetir hasta encontrarla.
Eso es un bucle: repetir pasos hasta cumplir una condición.
¿Por qué necesitamos bucles?
Supongamos que queremos escribir una función que imprima en pantalla todos los números desde 1 hasta un número dado:
printNumbers(3);
// Debería mostrar:
// 1
// 2
// 3
Si alguien te pide mostrar los números del 1 al 3, podrías hacer esto:
console.log(1);
console.log(2);
console.log(3);
Pero… ¿qué pasa si te piden del 1 al 100? 😰 No vas a copiar console.log() cien veces. Aquí es donde entra el bucle while.
El bucle while
🌀 Piensa en while como: “Mientras esta condición sea verdadera… sigue repitiendo esto.”
const printNumbers = (lastNumber) => {
let i = 1; // Inicializamos el contador
while (i <= lastNumber) { // Mientras i sea menor o igual a lastNumber
console.log(i); // Imprimimos el número actual
i = i + 1; // Sumamos 1 al contador
}
console.log('finished!');
};
printNumbers(3);
// Salida:
// 1
// 2
// 3
// finished!
Partes del bucle while
- Palabra clave
while: Indica que inicia un bucle. - Condición: Va entre paréntesis. Se evalúa en cada repetición. Si es
true, sigue. Si esfalse, se detiene. - Cuerpo del bucle: Las instrucciones dentro de las llaves
{}, que se repiten.
¿Cómo funciona paso a paso?
Si llamamos la función printNumbers(3), esto es lo que pasa:
| Iteración | Valor de i |
¿Se cumple i <= lastNumber? |
Acción |
|---|---|---|---|
| 1ª | 1 | Sí (1 <= 3) |
Imprime 1, aumenta i a 2 |
| 2ª | 2 | Sí (2 <= 3) |
Imprime 2, aumenta i a 3 |
| 3ª | 3 | Sí (3 <= 3) |
Imprime 3, aumenta i a 4 |
| 4ª | 4 | No (4 <= 3 es falso) |
El bucle termina, imprime "finished!" |
Azúcar sintáctico
En vez de escribir:
i = i + 1;
Podemos escribir:
i += 1; // Hace lo mismo
También funciona con otras operaciones:
| Forma Larga | Azúcar Sintáctico |
|---|---|
a = a + 1 |
a += 1 |
Es como decir “+1” en lugar de “sumar uno a lo que ya tienes”.
Resumen
- Un bucle permite repetir un proceso hasta que se cumpla una condición.
whileejecuta instrucciones mientras una condición sea verdadera.- Si olvidas cambiar la condición, puedes crear un bucle infinito.
- Pequeños atajos como
i += 1hacen que el código sea más claro.
Materiales adicionales
Para acceder completo a curso necesitas un plan básico
El plan básico te dará acceso completo a todos los cursos, ejercicios y lecciones de Códica, proyectos y acceso de por vida a la teoría de las lecciones completadas. La suscripción se puede cancelar en cualquier momento.
