Switch Case Javascript: Qué es y cómo funciona

Autor: | Última modificación: 25 de marzo de 2024 | Tiempo de Lectura: 3 minutos
Temas en este post:

Algunos de nuestros reconocimientos:

Premios KeepCoding

Tanto si eres programador como si estás aprendiendo, conocer cómo funcionan las estructuras de control es un tema importante al que le debes prestar atención. Entre estas estructuras, se encuentra la sentencia switch case JavaScript, esta gran herramienta te permite ejecutar diferentes bloques de código dependiendo del valor de una expresión. En este artículo aprenderás más sobre esta funcionalidad clave en JavaScript, sigue leyendo.

¿Qué es la sentencia Switch Case JavaScript?

compatibilidad Switch Case JavaScript con navegadores
Compatibilidad de Switch Case JavaScript con navegadores / Fuente.MDN Web Docs

La sentencia switch case JavaScript es una instrucción de flujo de control que permite evaluar una expresión y ejecutar diferentes bloques de código según el valor de dicha expresión. Es como un conductor de autobús que decide a qué parada llevar a los pasajeros según el destino que indiquen.

Sintaxis básica de la sentencia switch case JavaScript

La sintaxis básica de una instrucción switch en JavaScript se ve así:

switch (expresion) { 
      case valor1: 
            // Código a ejecutar si expresion es igual a valor1 
            break; 
      case valor2: 
            // Código a ejecutar si expresion es igual a valor2 
            break; 
      default: 
           // Código a ejecutar si expresion no coincide con ningún caso 
           break; 
}

¿Cómo funciona la sentencia switch case JavaScript?

Ya que has aprendido o que te has hecho una idea de cómo se ve la sintaxis, vamos a explicarte cómo llevar este conocimiento a la práctica.

  1. Evaluación de expresión: Primero, JavaScript evalúa la expresión especificada en la sentencia switch.
  2. Comparación de casos: Luego, compara el valor de la expresión con cada uno de los casos (valores) especificados utilizando la igualdad estricta (===).
  3. Ejecución del código: Cuando encuentra un caso que coincide, ejecuta el bloque de código asociado a ese caso.
  4. Break: Después de ejecutar el código de un caso, se utiliza la palabra clave break para salir del bloque switch. Esto evita que se ejecuten los bloques de código de los casos siguientes.
  5. Default: Si ninguno de los casos coincide con el valor de la expresión, se ejecuta el bloque de código dentro de la cláusula default.

Ejemplo práctico de switch case JavaScript

Imagina que estás desarrollando un juego de preguntas y respuestas en JavaScript. Puedes usar una sentencia switch case para manejar las diferentes respuestas del usuario:

let respuesta = "B"; 

switch (respuesta) { 
     case "A": 
         console.log("Respuesta incorrecta"); 
         break; 
     case "B": 
         console.log("¡Respuesta correcta!"); 
         break; 
     case "C": 
          console.log("Respuesta incorrecta"); 
          break; 
     default: 
          console.log("Respuesta inválida"); 
}

En este ejemplo, si la variable respuesta es «B», se imprimirá «¡Respuesta correcta!» en la consola.

Casos múltiples en una sentencia switch

JavaScript también permite agrupar varios casos que deben ejecutar el mismo bloque de código. Esto se logra omitiendo la palabra clave break entre los casos deseados.

Ejemplo de casos múltiples

let dia = "Lunes"; 

switch (dia) { 
     case "Lunes": 
     case "Martes": 
     case "Miércoles": 
     case "Jueves": 
     case "Viernes": 
         console.log("Es un día laboral"); 
         break; 
      case "Sábado": 
      case "Domingo": 
          console.log("Es fin de semana"); 
          break; 
       default: 
          console.log("Día no válido"); 
}

En este ejemplo, si dia es «Lunes», «Martes», «Miércoles», «Jueves» o «Viernes», se imprimirá «Es un día laboral«.

Para que profundices en otros aprendizajes que complementarán tu carrera, puedes leer sobre las clases en JavaScript y empaparte un poco más de este lenguaje de programación.

¿Para qué se usa la sentencia switch case JavaScript?

La sentencia Switch Case JavaScript es útil en situaciones donde se necesita evaluar una expresión y tomar diferentes caminos en función de su valor. Se utiliza comúnmente en la construcción de menús de navegación, juegos, formularios interactivos y más.

En resumen, la sentencia switch case en JavaScript es una herramienta poderosa para controlar el flujo de un programa. Permite ejecutar diferentes bloques de código según el valor de una expresión, lo que facilita la creación de programas más dinámicos y adaptables.

¿Listo para dominar la funcionalidad de switch case en JavaScript? ¡Practica y experimenta con diferentes escenarios para fortalecer tus habilidades de programación!

¿Quieres llevar tus habilidades de programación al siguiente nivel y cambiar tu vida profesional? ¡Únete al Desarrollo Web Bootcamp de KeepCoding! Con nuestro programa intensivo, te prepararás para ingresar al apasionante mundo de la tecnología en poco tiempo. Descubre un futuro emocionante con altos salarios y una demanda laboral creciente. ¡No pierdas esta oportunidad de transformar tu carrera!

¡CONVOCATORIA ABIERTA!

Desarrollo Web

Full Stack Bootcamp

Clases en Directo | Profesores en Activo | Temario 100% actualizado