Switch en JavaScript: cuándo y cómo usarlo

Clase 13 de 39Curso de Fundamentos de JavaScript

Resumen

Aprende a dominar switch en JavaScript para decidir entre múltiples opciones con una sintaxis clara y mantenible. Con una metáfora simple de menú, se explica cuándo preferir if/else o switch, cómo organizar case, break y default, y cómo agrupar valores sin repetir código.

¿Qué es switch y cuándo usarlo en JavaScript?

Switch es una estructura de control que compara una misma expresión con varios valores y ejecuta el código del caso que coincide. Se entiende como elegir de un menú: una sola elección válida entre varias. Frente a if/else, que es más dinámico y abierto, switch es ideal cuando comparas un único valor contra muchas opciones.

  • Compara una misma expresión con varios casos.
  • Evita cadenas largas de condiciones repetidas.
  • Ordena el código cuando hay muchas opciones discretas.
  • If/else sigue siendo útil cuando necesitas condiciones más flexibles.

¿Cómo se compone la estructura con case, break y default?

La anatomía es directa: palabra reservada switch, una expresión entre paréntesis y un bloque con múltiples case. Cada case usa dos puntos, no punto y coma. Con break indicas que termine el caso actual y no continúe al siguiente. Default cubre cuando no hay coincidencia.

  • Switch (expresión): inicia el bloque y define qué se evaluará.
  • Case valor: ejecuta si coincide con la expresión.
  • Break: corta la ejecución y evita que se ejecute el siguiente caso.
  • Default: opción por defecto cuando no coincide ningún caso.
  • Es clave respetar la estructura y los dos puntos tras cada case.

¿Cómo pensar y abstraer sin repetir código?

Agrupa valores que comparten la misma acción para que “caigan” al mismo bloque. Así evitas escribir la misma instrucción varias veces y mejoras la organización y la lógica. Este enfoque requiere abstraer la información y mantener un pensamiento estructurado.

¿Cómo programar el ejemplo del día de la semana en JavaScript?

Se define una constante con el día y se organizan los casos para días laborales y fin de semana. Es recomendable usar todo en minúsculas para evitar errores de coincidencia.

const dia = "lunes"; // un string con el día seleccionado

switch (dia) {
  case "lunes":
  case "martes":
  case "miércoles":
  case "jueves":
  case "viernes":
    console.log("día laboral");
    break;
  case "sábado":
  case "domingo":
    console.log("fin de semana");
    break;
  default:
    console.log("día no válido");
}
  • Si dia es "lunes", "martes", "miércoles", "jueves" o "viernes", imprime día laboral.
  • Si dia es "sábado" o "domingo", imprime fin de semana.
  • Si no coincide con ningún caso, imprime día no válido.

¿Qué habilidades y buenas prácticas se refuerzan aquí?

  • Entender switch, case, break y default como unidad.
  • Usar console.log para verificar la ruta de ejecución.
  • Agrupar casos para evitar repetir código.
  • Mantener nombres coherentes y en minúsculas para comparar cadenas.
  • Decidir entre if/else y switch según el problema: una sola expresión con varias opciones favorece switch.
  • Evitar listados extensos sin valor real, como “treinta días” mal planteados; mejor abstraer y diseñar con intención.

¿Te animas a practicar y compartir tu solución en los comentarios? Los retos están en la sección de recursos y será genial ver cómo los resuelves con la comunidad.

      Switch en JavaScript: cuándo y cómo usarlo