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.