Estructuras de control

Estructuras de control Fundamental

Tip

Las estructuras de control son fundamentales para dirigir el flujo de ejecución de tu programa.

Condicionales Básico

if…else

let edad = 18;

if (edad >= 18) {
    console.log("Eres mayor de edad");
} else if (edad >= 13) {
    console.log("Eres adolescente");
} else {
    console.log("Eres menor de edad");
}

switch

let dia = "Lunes";

switch (dia) {
    case "Lunes":
        console.log("Inicio de semana");
        break;
    case "Viernes":
        console.log("¡Fin de semana!");
        break;
    default:
        console.log("Día entre semana");
}

Bucles

for

// Bucle tradicional
for (let i = 0; i < 5; i++) {
    console.log(i);
}

// for...of (para iterables)
const array = [1, 2, 3];
for (const elemento of array) {
    console.log(elemento);
}

// for...in (para objetos)
const persona = { nombre: "Juan", edad: 25 };
for (const propiedad in persona) {
    console.log(`${propiedad}: ${persona[propiedad]}`);
}

while

let contador = 0;
while (contador < 5) {
    console.log(contador);
    contador++;
}

do…while

let numero = 0;
do {
    console.log(numero);
    numero++;
} while (numero < 5);

Control de flujo

break

for (let i = 0; i < 10; i++) {
    if (i === 5) {
        break; // Sale del bucle
    }
    console.log(i);
}

continue

for (let i = 0; i < 5; i++) {
    if (i === 2) {
        continue; // Salta a la siguiente iteración
    }
    console.log(i);
}

return

function ejemplo() {
    if (condicion) {
        return true; // Sale de la función
    }
    // Más código...
}

Manejo de errores

try…catch

try {
    // Código que puede lanzar un error
    throw new Error("¡Algo salió mal!");
} catch (error) {
    console.error(error.message);
} finally {
    // Se ejecuta siempre
    console.log("Limpieza final");
}

Patrones comunes

Guard Clauses

function procesarUsuario(usuario) {
    if (!usuario) {
        return;
    }

    if (!usuario.activo) {
        return;
    }

    // Procesar usuario...
}

Operador ternario en condicionales simples

const edad = 20;
const mensaje = edad >= 18 ? "Mayor de edad" : "Menor de edad";

Switch con objetos

const acciones = {
    CREAR: () => console.log("Creando..."),
    EDITAR: () => console.log("Editando..."),
    ELIMINAR: () => console.log("Eliminando...")
};

const accion = "CREAR";
acciones[accion]?.();

Mejores prácticas

1. Usar llaves incluso en bloques de una línea

// ✅ Bueno
if (condicion) {
    hacerAlgo();
}

2. Evitar anidación excesiva

// ❌ Malo
if (a) {
    if (b) {
        if (c) {
            // ...
        }
    }
}

// ✅ Bueno
if (!a || !b || !c) return;
// Código principal aquí

3. Usar switch cuando hay múltiples condiciones

// ✅ Bueno
switch (tipo) {
    case "A":
        // ...
        break;
    case "B":
        // ...
        break;
    default:
        // ...
}

4. Manejar todos los casos posibles

// ✅ Bueno
if (condicion) {
    // caso verdadero
} else {
    // caso falso
}

5. Usar try-catch para código propenso a errores

// ✅ Bueno
try {
    JSON.parse(datos);
} catch (error) {
    console.error("Datos JSON inválidos");
}