If, else y else if en JavaScript

Clase 12 de 39Curso de Fundamentos de JavaScript

Resumen

Aprende a decidir con confianza en JavaScript usando condiciones claras. Con las sentencias if, else y else if, traduces la lógica de negocio a código: das permisos, validas acceso y ejecutas acciones según una condición. Piensa en el ejemplo cotidiano: si parece que va a llover, llevas paraguas; si no, sales sin él. Así operan estas estructuras condicionales en tu aplicación.

¿Qué son y para qué sirven if, else y else if en JavaScript?

Estas sentencias forman parte del control de flujo condicional. Evalúan una expresión y, según sea verdadera o falsa, ejecutan uno u otro bloque de código. Son ideales para reglas como edad mínima, permisos o si el usuario está logueado.

  • Palabras reservadas: if, else y else if no pueden usarse como nombres de variables. Evita errores de sintaxis.
  • Condición: expresa lo que debe cumplirse para ejecutar un bloque. Si no se cumple, else define la acción alternativa.
  • Bloque de código: va entre llaves. Dentro puedes poner más lógica, retornar valores o invocar funciones.
  • Lógica de negocio: valida reglas como mayoría de edad, permisos o estado de sesión.
  • Editor y archivo: organiza tu práctica en src con un archivo llamado 08-if-else.js.

¿Qué es una palabra reservada y por qué importa?

Porque activa un flujo de control. Si intentas usar if como nombre de variable, el intérprete lo tomará como sentencia condicional, no como identificador, y fallará.

¿Cómo se estructura una condición con operadores en el código?

Primero defines datos, luego comparas con operadores y ejecutas el bloque correspondiente. Ejemplo de mayoría de edad con salida por console.log:

const edad = 18;

if (edad >= 18) {
  console.log('eres mayor de edad');
} else {
  console.log('eres menor de edad');
}
  • >= (mayor o igual): valida el umbral de acceso.
  • console.log: muestra resultados para verificar el flujo.
  • Si la condición es verdadera, el primer bloque se ejecuta. Si no, corre el bloque de else.

¿Qué operadores usar para comparar números?

  • >=, >, <=, <: comparan magnitudes para decidir accesos o permisos.
  • ===: igualdad estricta por tipo y valor. Útil cuando una regla requiere coincidencia exacta.

¿Cuándo usar else if y cuándo anidar condiciones?

Cuando necesitas evaluar más de una condición en orden, usa else if. Permite capturar casos intermedios antes del else. Observa cómo se priorizan reglas específicas:

const edad = 18;

if (edad >= 19) {
  console.log('eres mayor de edad');
} else if (edad === 18) {
  console.log('Tienes dieciocho años');
} else {
  console.log('eres menor de edad');
}
  • Orden de evaluación: primero se prueba la condición más restrictiva o prioritaria. Si no se cumple, pasa a la siguiente.
  • Caso exacto: con === manejas el mensaje específico de “dieciocho años”.
  • Anidación: es posible anidar if, pero no siempre es la mejor opción. Evalúa legibilidad y mantenimiento.
  • Flujo de negocio: estas decisiones dirigen a áreas restringidas, otorgan permisos o niegan acceso según reglas definidas.

¿Cómo decidir la mejor estructura de condiciones?

  • Prioriza claridad: condiciones simples y orden lógico.
  • Evita anidar en exceso: usa else if cuando alcance.
  • Alinea las reglas con tu modelo de negocio: edad, permisos o estado de sesión.

¿Listo para practicar? Comparte en comentarios tu solución al reto y cómo aplicaste estas condiciones a tu caso de uso.

      If, else y else if en JavaScript