Los Fundamentos•jueves, 29 de enero de 2026

Control de Flujo

Sentencias if, bucles y lógica.

Publicidad

Apoya a JS Fruggal visitando a nuestros patrocinadores.

Sin flujo de control, el código se lee de arriba a abajo como un libro. El flujo de control permite que tu código tome decisiones, salte secciones o repita tareas. Crea inteligencia.

La Bifurcación en el Camino

Imagina conducir un auto. Llegas a una intersección:
• IF (Si) la luz es verde, avanza.
• ELSE IF (Si no, si) la luz es amarilla, frena.
• ELSE (Si no) (la luz debe ser roja), detente.

Solo ejecutas una de estas acciones. No avanzas Y te detienes al mismo tiempo.

Lógica If / Else

El código dentro de los bloques { } solo se ejecuta si la condición en ( ) es verdadera.

const nivelBateria = 15;

if (nivelBateria > 20) {
  console.log("La batería está bien.");
} else if (nivelBateria > 5) {
  // Esto se ejecuta porque 15 NO es > 20, pero SÍ es > 5
  console.log("¡Batería baja! Por favor carga.");
} else {
  console.log("El teléfono se está apagando...");
}

Bucles (Repetición)

Los programadores odian hacer lo mismo dos veces. Si necesitas enviar un email a 100 usuarios, no escribes el código del email 100 veces. Lo escribes una vez y lo pones en un bucle.

El Bucle "For"

Úsalo cuando sepas exactamente cuántas veces repetir.

for (inicio; condición de parada; paso)
  • Inicio: Crear un contador (let i = 0).
  • Parada: Continuar mientras esto sea verdadero (i < 5).
  • Paso: Qué hacer después de cada ronda (i++ significa sumar 1).
for (let i = 0; i < 5; i++) {
  console.log("Número de iteración: " + i);
}
console.log("¡Bucle terminado!");

El Bucle "While"

Úsalo cuando no sepas cuántas veces repetir, pero sepas la condición para detenerte (ej., "Sigue conduciendo hasta que el tanque esté vacío").

let combustible = 30;

while (combustible > 0) {
  console.log("¡Vroom! Combustible restante: " + combustible);
  combustible = combustible - 10; // Quemar combustible
}

console.log("El auto se detuvo.");

Peligro: Bucles Infinitos

Si olvidas cambiar la variable (como `combustible`), la condición `combustible > 0` SIEMPRE será verdadera. El bucle se ejecutará para siempre y bloqueará tu navegador.

Publicidad

Apoya a JS Fruggal visitando a nuestros patrocinadores.