Condicionales en JavaScript

Angela Sofíá Osorio

Tiempo de lectura 4 minutes

Fecha de publicación 8 de octubre de 2025

En programación, una condicional nos permite ejecutar cierto bloque de código solo si se cumple una condición.
Es como tomar decisiones: “si pasa esto, haz esto otro”.

En JavaScript, las condicionales son una parte esencial del lenguaje, ya que nos permiten controlar el flujo del programa dependiendo de distintos valores o situaciones.

Qué es una condicional

Podemos imaginar una condicional como una pregunta que el programa se hace a sí mismo.
Si la respuesta es verdadera (true), ejecuta una parte del código; si es falsa (false), puede ejecutar otra o simplemente continuar.

Ejemplo básico:

let edad = 18;

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

let edad = 18;

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

JavaScript

Como la condición edad >= 18 es verdadera, el mensaje se muestra en consola.

Tipos de condicionales en JavaScript

JavaScript ofrece varias formas de escribir condicionales. Las principales son:

if
if...else
if...else if...else
switch
Operador ternario condición ? valorSiVerdadero : valorSiFalso

Vamos a explicarlas una por una con ejemplos.

1. Condicional `if`

Es la forma más simple.
Se ejecuta solo si la condición es verdadera.

let temperatura = 30;

if (temperatura > 25) {
  console.log("Hace calor hoy");
}

let temperatura = 30;

if (temperatura > 25) {
  console.log("Hace calor hoy");
}

JavaScript

Si temperatura es mayor que 25, el mensaje aparece. Si no, no pasa nada.

2. Condicional `if...else`

Con else, podemos indicar qué hacer cuando la condición no se cumple.

let hora = 10;

if (hora < 12) {
  console.log("Buenos días");
} else {
  console.log("Buenas tardes");
}

let hora = 10;

if (hora < 12) {
  console.log("Buenos días");
} else {
  console.log("Buenas tardes");
}

JavaScript

Aquí el programa evalúa la hora:

Si es menor que 12, muestra “Buenos días”.
En caso contrario, “Buenas tardes”.

3. Condicional `if...else if...else`

Cuando hay más de dos posibles caminos, usamos else if para evaluar varias condiciones en orden.

let nota = 85;

if (nota >= 90) {
  console.log("Excelente");
} else if (nota >= 70) {
  console.log("Aprobado");
} else {
  console.log("Reprobado");
}

let nota = 85;

if (nota >= 90) {
  console.log("Excelente");
} else if (nota >= 70) {
  console.log("Aprobado");
} else {
  console.log("Reprobado");
}

JavaScript

El programa revisa las condiciones una por una:

Si nota es 90 o más → “Excelente”.
Si no, pero es 70 o más → “Aprobado”.
Si ninguna se cumple → “Reprobado”.

4. Condicional `switch`

Cuando tenemos muchos posibles valores de una misma variable, switch puede ser más limpio que varios else if.

let dia = "lunes";

switch (dia) {
  case "lunes":
    console.log("Inicio de semana");
    break;
  case "viernes":
    console.log("Casi fin de semana");
    break;
  case "sábado":
  case "domingo":
    console.log("Fin de semana");
    break;
  default:
    console.log("Día normal");
}

let dia = "lunes";

switch (dia) {
  case "lunes":
    console.log("Inicio de semana");
    break;
  case "viernes":
    console.log("Casi fin de semana");
    break;
  case "sábado":
  case "domingo":
    console.log("Fin de semana");
    break;
  default:
    console.log("Día normal");
}

JavaScript

Cómo funciona:

switch evalúa la variable dia.
Compara su valor con cada case.
Cuando encuentra una coincidencia, ejecuta el código de ese caso.
break evita que se sigan ejecutando los demás casos.
default es opcional y actúa como el “else”.

switch es ideal cuando comparas un mismo valor con muchas posibilidades (por ejemplo, días de la semana, roles de usuario, o tipos de producto).

5. Operador ternario

El operador ternario (? :) es una forma corta y compacta de escribir una condicional simple.
Se usa cuando solo tienes una condición con dos posibles resultados.

let edad = 20;
let mensaje = edad >= 18 ? "Acceso permitido" : "Acceso denegado";

console.log(mensaje);

let edad = 20;
let mensaje = edad >= 18 ? "Acceso permitido" : "Acceso denegado";

console.log(mensaje);

JavaScript

Este ejemplo hace lo mismo que:

let mensaje;

if (edad >= 18) {
  mensaje = "Acceso permitido";
} else {
  mensaje = "Acceso denegado";
}

let mensaje;

if (edad >= 18) {
  mensaje = "Acceso permitido";
} else {
  mensaje = "Acceso denegado";
}

JavaScript

El operador ternario es muy útil para expresiones cortas, pero no debe usarse con estructuras largas o anidadas, ya que puede dificultar la lectura del código.

Cuándo usar cada tipo de condicional

Tipo	Cuándo usarlo	Ejemplo de uso
`if`	Cuando solo necesitas verificar una condición simple	Comprobar si un valor existe
`if...else`	Cuando hay dos caminos posibles	Validar si un usuario está logueado
`if...else if...else`	Cuando hay múltiples rangos o estados	Evaluar notas, edades o precios
`switch`	Cuando una misma variable puede tener varios valores específicos	Días de la semana, menús, roles
Ternario	Cuando la condición y las acciones son muy cortas	Mostrar un mensaje según edad

Ejemplo práctico: semáforo

Vamos a usar todo lo aprendido en un ejemplo sencillo:

let color = "rojo";

if (color === "verde") {
  console.log("Puedes avanzar");
} else if (color === "amarillo") {
  console.log("Precaución");
} else if (color === "rojo") {
  console.log("Detente");
} else {
  console.log("Color no reconocido");
}

let color = "rojo";

if (color === "verde") {
  console.log("Puedes avanzar");
} else if (color === "amarillo") {
  console.log("Precaución");
} else if (color === "rojo") {
  console.log("Detente");
} else {
  console.log("Color no reconocido");
}

JavaScript

O usando switch:

let color = "amarillo";

switch (color) {
  case "verde":
    console.log("Puedes avanzar");
    break;
  case "amarillo":
    console.log("Precaución");
    break;
  case "rojo":
    console.log("Detente");
    break;
  default:
    console.log("Color no reconocido");
}

let color = "amarillo";

switch (color) {
  case "verde":
    console.log("Puedes avanzar");
    break;
  case "amarillo":
    console.log("Precaución");
    break;
  case "rojo":
    console.log("Detente");
    break;
  default:
    console.log("Color no reconocido");
}

JavaScript

Ambos hacen lo mismo, pero switch resulta más legible cuando hay varias opciones de un mismo tipo.

Errores comunes al usar condicionales

Usar = en lugar de == o ===.
= asigna valores, mientras que === compara.
Ejemplo incorrecto: if (color = "verde") { // ❌ Esto cambia el valor console.log("Error lógico"); } Ejemplo correcto: if (color === "verde") { console.log("Correcto"); }
Olvidar el break en switch.
Si no se usa, el código continúa ejecutando los siguientes casos.
Abusar del operador ternario.
Si se vuelve difícil de leer, es mejor usar if...else.

Referencias recomendadas

Contents

1 Qué es una condicional
2 Tipos de condicionales en JavaScript
3 1. Condicional if
4 2. Condicional if...else
5 3. Condicional if...else if...else
6 4. Condicional switch
7 5. Operador ternario
8 Cuándo usar cada tipo de condicional
9 Ejemplo práctico: semáforo
10 Errores comunes al usar condicionales
- 10.1 Referencias recomendadas