Condicionales en JavaScript: if, else y else if

Los programas necesitan tomar decisiones: si el usuario está logueado, mostrar su perfil; si no, redirigirlo al login. Si la nota es mayor a 60, el alumno aprueba; si no, reprueba. Esa lógica de "si esto, entonces aquello" se implementa con condicionales.

¿Qué es un condicional?

Un condicional evalúa una condición y ejecuta código diferente según el resultado. En JavaScript, la estructura básica es if / else.

Sintaxis

if (condicion) {
  // código que se ejecuta si la condición es verdadera
} else {
  // código que se ejecuta si la condición es falsa
}

La condición debe ser algo que se evalúe como true o false.

Ejemplo 1: aprobado o reprobado

let nota = 75;

if (nota >= 60) {
  console.log('Aprobado');
} else {
  console.log('Reprobado');
}
// Resultado: Aprobado

Ejemplo 2: múltiples condiciones con else if

Cuando hay más de dos posibilidades, usas else if para agregar casos intermedios:

let temperatura = 28;

if (temperatura > 35) {
  console.log('Hace mucho calor');
} else if (temperatura > 20) {
  console.log('Temperatura agradable');
} else if (temperatura > 10) {
  console.log('Fresco');
} else {
  console.log('Hace frío');
}
// Resultado: Temperatura agradable

JavaScript evalúa las condiciones de arriba hacia abajo y ejecuta el primer bloque cuya condición sea verdadera. Los demás se ignoran.

Ejemplo 3: condicional sin else

El else es opcional. Si solo quieres hacer algo cuando se cumple la condición y no hacer nada si no:

let edad = 20;

if (edad >= 18) {
  console.log('Puedes votar');
}
// Si edad fuera 15, no imprime nada

Operadores de comparación más usados

Usa siempre === (triple igual) en lugar de == (doble igual). El doble igual hace conversiones de tipo que pueden generar resultados inesperados.

Errores frecuentes

Usar = en vez de ===: if (x = 5) asigna el valor 5 a x (siempre verdadero). if (x === 5) compara. Es un error muy común al principio.

Olvidar las llaves {}: Técnicamente puedes omitirlas si hay una sola línea, pero es una mala práctica que genera bugs difíciles de encontrar cuando agregas más código después.

Condiciones que nunca se cumplen: Si pones else if después de un caso que ya cubre todo, nunca se ejecutará. Piensa bien en el orden y los rangos de tus condiciones.