Instrucción switch de JavaScript

　Declaración de expresiones y variables de JavaScript

switchLas instrucciones son una característica de JavaScriptInstrucción condicionalUno de ellos, utilizado para ejecutar diferentes acciones en condiciones diferentes.

switchLa instrucción evalúa la expresión, compara el valor de la expresión con las subórdenes case y ejecuta las instrucciones asociadas con ese case, así como las instrucciones después del case coincidente.

Asociado a cada etiqueta casebreakLa instrucción asegura que, una vez ejecutada la instrucción coincidente, el programa salga del switch y continúe ejecutando las instrucciones después del switch. Si se omite break, el programa continuará ejecutando la siguiente instrucción después del switch.

defaultLa instrucción especifica qué código se ejecutará por defecto si no se encuentra una coincidencia. En switch solo puede haber una instrucción por defecto. Aunque es opcional, se recomienda su uso porque puede manejar situaciones inesperadas.

Usar switch para seleccionar uno de muchos bloques de código a ejecutar. Es la solución perfecta para largas cadenas de if ... else anidadas.

Sintaxis:

switch (expresión) {
　　case valor1:　　　//Mientras se ejecuta la oración
　　　//Resultado de la coincidencia de la expresión value1
　　　break;
　　case valor2:　　　//Mientras se ejecuta la oración
　　　//Resultado de la coincidencia de la expresión value2
　　　break;
　　...
　　case valueN:　　　//Mientras se ejecuta la oración
　　　//Resultado de la coincidencia de la expresión valueN
　　　break;
　　default:　　　//Oración ejecutada cuando no se cumple ninguna de las condiciones anteriores
　　　//Estos valores coinciden con el valor de la expresión
　　　}

var city = document.querySelector("input").value;
var text;
switch (city) {
　　　case "Jaipur":
　　　text = "Jaipur es conocida como la Ciudad Rosa";
　　　break;
　　　case "Bengaluru":
　　　text = "Bengaluru es conocida como la ciudad de TI";
　　　break;
　　　case "Kerala":　
　　　text = "Kerala God"39;s Own Country";
　　　break;
　　　default:
　　　text = "Nunca he oído hablar de esa ciudad...";
}

Compatibilidad con navegadores

Todos los navegadores admiten completamente la oración switch:

Valor de los parámetros

Detalles técnicos

Más ejemplos

Utilice el número del día laborable para calcular el nombre del día laborable (domingo = 0, lunes = 1,) 1y así sucesivamente...):

var day;
switch (new Date().getDay()) {
case 0: day = "Domingo";
break;
case　1: day = "Lunes";
break;
case　2: day = "Martes";
break;
case　3: day = "Miércoles";
break;
case　4: day = "Jueves";
break;
case　5: day = "Viernes";
break;
case　6: day = "Sábado";
break;
default: day = "Día Undefined";
}

Si olvida break, el script comenzará a ejecutarse desde la condición que cumple y luego en la condición que cumple:

var num = Number(document.querySelector("input").value);
var text;
switch (num) {
　　　case　1: text = "El número que ingresó es"　1";
　　　case　2: text = "El número que ingresó es"　2";
　　　case　3: text = "El número que ingresó es"　3";
　　　case　4: text = "El número que ingresó es"　4";
　　　case　5: text = "El número que ingresó es"　5";
　　　default: text = "La declaración por defecto se ejecutó";
}

A veces, es posible que desee que diferentes situaciones ejecuten el mismo código o usar código común.

Este es un ejemplo de una sentencia switch de una sola operación, donde cuatro valores diferentes ejecutan operaciones idénticas:

var num = Number(document.querySelector("input").value);
var text;
switch (num) {
　　　case　1:
　　　case　2:
　　　case　3:
　　　case　4:
　　text = "El número que ingresó está entre"　1　-　4";
　　break;
　　　case　5:
　　　case　6:
　　　case　7:
　　　case　8:
　　text = "El número que ingresó está entre"　5　-　8";
　　break;　
　　　default: text = "La declaración por defecto se ejecutó";
}

Referencias relacionadas

Tutoriales de JavaScript:Sentencia If ... Else de JavaScript

Tutoriales de JavaScript:switch de JavaScript

Referencia de JavaScript:Sentencia break de JavaScript

　Declaración de expresiones y variables de JavaScript