Switch en JavaScript

En este artículo, aprenderemos sobre la sentencia switch en JavaScript, una estructura de control de flujo que permite simplificar la evaluación de múltiples condiciones.

La sentencia switch es útil cuando necesitas comparar una misma expresión con diferentes valores y ejecutar diferentes bloques de código en función del valor que coincida.

Sintaxis de la sentencia switch en JavaScript

La sintaxis básica de la sentencia switch es la siguiente:


switch (expresión) {
  case valor1:
    // código a ejecutar si la expresión coincide con valor1
    break;
  case valor2:
    // código a ejecutar si la expresión coincide con valor2
    break;
  // ... más casos
  default:
    // código a ejecutar si la expresión no coincide con ninguno de los valores anteriores
}

Lenguaje del código: JavaScript (javascript)

Ejemplo básico de la sentencia switch

A continuación, se muestra un ejemplo sencillo de cómo utilizar la sentencia switch en JavaScript:


let día = "lunes";

switch (día) {
  case "lunes":
    console.log("Hoy es lunes.");
    break;
  case "martes":
    console.log("Hoy es martes.");
    break;
  case "miércoles":
    console.log("Hoy es miércoles.");
    break;
  case "jueves":
    console.log("Hoy es jueves.");
    break;
  case "viernes":
    console.log("Hoy es viernes.");
    break;
  case "sábado":
    console.log("Hoy es sábado.");
    break;
  case "domingo":
    console.log("Hoy es domingo.");
    break;
  default:
    console.log("El valor proporcionado no es un día de la semana válido.");
}

Lenguaje del código: JavaScript (javascript)

En este ejemplo, la variable día contiene el valor “lunes”. La sentencia switch compara este valor con cada uno de los casos, y cuando encuentra una coincidencia, ejecuta el código asociado a ese caso. En este caso, se mostrará “Hoy es lunes.” en la consola.

La importancia del break en la sentencia switch

La sentencia break es importante en la sentencia switch, ya que detiene la ejecución del código y evita que se ejecuten los casos siguientes. Si no utilizas break, el código seguirá ejecutándose hasta encontrar una sentencia break o llegar al final del bloque switch.

A continuación, se muestra un ejemplo en el que se omite la sentencia break:


let día = "lunes";

switch (día) {
  case "lunes":
    console.log("Hoy es lunes.");
  case "martes":
    console.log("Hoy es martes.");
  case "miércoles":
    console.log("Hoy es miércoles.");
  // ... resto de casos omitidos
}

Lenguaje del código: JavaScript (javascript)

En este caso, aunque la variable día tiene el valor “lunes”, se mostrarán “Hoy es lunes.”, “Hoy es martes.” y “Hoy es miércoles.” en la consola, ya que no se incluyó la sentencia break.

Usar el caso default en la sentencia switch

El caso default es útil en la sentencia switch cuando ninguno de los otros casos coincide con la expresión evaluada. El caso default actúa como un bloque de código de respaldo que se ejecuta si no se cumple ninguna otra condición.

Es una buena práctica incluir un caso default para manejar situaciones imprevistas o errores en la entrada.

Ejemplo de uso del caso default:


let calificación = "A+";

switch (calificación) {
  case "A":
    console.log("Excelente");
    break;
  case "B":
    console.log("Muy bien");
    break;
  case "C":
    console.log("Bien");
    break;
  case "D":
    console.log("Suficiente");
    break;
  case "F":
    console.log("Insuficiente");
    break;
  default:
    console.log("La calificación ingresada no es válida.");
}

Lenguaje del código: JavaScript (javascript)

En este ejemplo, la variable calificación contiene el valor “A+”. Como no hay un caso que coincida con este valor, se ejecuta el código del caso default, mostrando “La calificación ingresada no es válida.” en la consola.

Conclusión

La sentencia switch en JavaScript es una herramienta útil cuando necesitas evaluar múltiples condiciones en función de un solo valor o expresión.

Asegúrate de utilizar las sentencias break para evitar la ejecución de casos no deseados y considera incluir un caso default para manejar situaciones inesperadas.

Dominar la sentencia switch te permitirá escribir código más organizado y fácil de leer cuando trabajes con múltiples condiciones relacionadas.

Referencias

Aquí tienes algunas referencias útiles para obtener más información sobre la sentencia switch en JavaScript:

  1. MDN Web Docsswitch: Este recurso proporciona una descripción detallada de la sentencia switch en JavaScript, incluyendo ejemplos, sintaxis y buenas prácticas.
  2. W3Schools – JavaScript Switch Statement: Aquí encontrarás una descripción general de la sentencia switch en JavaScript, con ejemplos, ejercicios interactivos y un quiz para poner a prueba tus conocimientos.
  3. JavaScript.info – Switch statement: Este recurso proporciona información adicional sobre la sentencia switch en JavaScript, con ejemplos y explicaciones claras.

Estas referencias te ayudarán a comprender mejor la sentencia switch en JavaScript y a mejorar tus habilidades en la programación de JavaScript. No dudes en consultar estos recursos para obtener información adicional y ejemplos prácticos.

Curso de HTML Desde Cero

Inscríbete Ahora