AD

¿Ya dominas lo básico? Un curso estructurado de JavaScript es la vía rápida para dar el salto.

Ver cursos de JavaScript en Udemy

Enlace de afiliado. No te cuesta nada extra.

🟨Lecciones de JavaScript
Lección 15 / 69

La sentencia switch

En esta lección aprenderás a escribir una sentencia switch en JavaScript para expresar una bifurcación sobre un único valor con más claridad que una cadena de if. Está dirigida a quien busca «uso del switch en JavaScript» o «switch y break en JavaScript».

Una sentencia switch es una forma de bifurcar sobre un único valor que suele leerse mejor que alinear if / else if. Se escribe como switch (valor) { case valor1: ...; break; ... default: ...; }, y se ejecuta el proceso del case que coincide. Se usa mucho para cosas como elegir un día de la semana o una opción de menú: decidir entre un conjunto fijo de posibilidades.

El código de ejemplo muestra el nombre de un día según el valor de la variable dia. Coincide con case 3:, así que se muestra «miércoles», y después break sale de la sentencia. Si ningún case coincide, se ejecuta el bloque default, que cumple el mismo papel que el else de un if.

El fallo más común de todos al empezar es olvidar el break. Sin él, la ejecución «cae» desde el case coincidente directamente al proceso del siguiente. Suele causar errores, aunque a veces se usa a propósito cuando varios case deben compartir el mismo proceso: una peculiaridad algo especial del lenguaje.

En el desarrollo real el switch se usa mucho para cambiar lo que se muestra o cómo se procesa algo según un estado: el estado de un pedido, un nivel de permisos… Cuando hay tres o más ramas y puedes decidir con un único valor, un switch suele comunicar la intención con más claridad que una cadena de if/else if.

Si quieres que varios case ejecuten el mismo proceso, puedes escribir case 1: y case 2: seguidos sin código entre medias, dejando que ambos valores compartan el mismo bloque (usando la caída a propósito).

También puedes usar cadenas como valor del switch. Escribir algo como case "lunes": te permite bifurcar sobre textos igual que sobre números: un patrón muy usado para cosas como despachar según el tipo de un comando.

JavaScript
SALIDA

💡 Todo lo que pases a console.log() aparece en la salida de abajo.

Espacio publicitario (banner)
Espacio publicitario (en el artículo)