Los Fundamentosjueves, 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.