Sentencia switch en JavaScript

Definición y uso

La sentencia switch es parte de la

El语句 switch calcula la expresión. Luego compara el valor de la expresión con el valor de cada case en la estructura. Si coincide, se ejecuta el bloque de código asociado.

El语句 switch se utiliza generalmente con la palabra clave break o default (o ambas). Estas son opcionales:

La palabra clave break sale del bloque switch. Esto detendrá la ejecución de más código dentro del bloque y / o las pruebas de casos. Si se omite break, se ejecutará el siguiente bloque de código en la declaración switch.

Si no hay coincidencia con ningún case, la palabra clave default especifica algunos códigos que se deben ejecutar. Solo se puede tener una palabra clave default en un switch. Aunque es opcional, se recomienda su uso porque puede manejar situaciones inesperadas.

Ejemplo

Ejecutar el bloque de código según la entrada del usuario:

var text;
var fruits = document.getElementById("myInput").value;
switch(fruits) {
  case "Banana":
    text = "La banana es buena!";
    break;
  case "Orange":
    text = "No soy fan de la naranja.";
    break;
  case "Apple":
    text = "¿Qué te parece esta manzana?";
    break;
  default:
    text = "Nunca he oído hablar de esa fruta...";
}

亲自试一试

En la parte inferior de la página hay más ejemplos de TIY.

Sintaxis

switch(expression) {
  case n:
    bloque de código
    break;
  case n:
    bloque de código
    break;
  default:
    bloque de código predeterminado
}

Valor del parámetro

Parámetros Descripción
expression Necesario. Especificar la expresión que se debe calcular. La expresión se calculará una vez. El valor de la expresión se comparará con el valor de cada etiqueta case de la estructura. Si coincide, se ejecutará el bloque de código relacionado.

Detalles técnicos

Versión de JavaScript: ECMAScript 1

Más ejemplos

Ejemplo

Calcular el nombre del día de la semana (domingo=0, lunes=1, martes=2, ...) utilizando el número de identificación del día de la semana de hoy:

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 desconocido";
}

亲自试一试

Ejemplo

Si hoy no es sábado ni domingo, escriba un mensaje de predeterminado:

var text;
switch (new Date().getDay()) {
  case 6:
    text = "Hoy es sábado";
    break; 
  case 0:
    text = "Hoy es domingo";
    break; 
  default: 
    text = "Esperando el fin de semana";
}

亲自试一试

Ejemplo

A veces, puede que desee que diferentes situaciones utilicen el mismo código o que utilicen el mismo valor predeterminado.

Tenga en cuenta que en este ejemplo, los casos comparten el mismo bloque de código y el caso default no tiene que ser el último caso del bloque switch (pero, si el default no es el último caso del bloque switch, recuerde usar break para finalizarlo).

var text;
switch (new Date().getDay()) {
  case 1:
  case 2:
  case 3:
  default: 
    text = "Esperando el fin de semana";
    break; 
  case 4:
  case 5:
    text = "Pronto será el fin de semana";
    break; 
  case 0:
  case 6:
    text = "Es el fin de semana";
}

亲自试一试

Ejemplo

Ejecute bloques de código utilizando la declaración switch basada en la entrada del usuario del cuadro de diálogo de sugerencia:

var text;
var favDrink = prompt("¿Cuál es tu bebida de cóctel favorita? ");
switch(favDrink) {
  case "Martini":
    text = "¡Excelente elección! El Martini es bueno para tu alma.";
    break;
  case "Daiquiri":
    text = "¡También me gusta el Daiquiri!";
    break;
  case "Cosmopolita":
    text = "¿De verdad? ¿Estás seguro de que el Cosmopolita es tu bebida favorita?";
    break;
  default:
    text = "Nunca he oído de ese...";
}

亲自试一试

浏览器支持

语句 Chrome IE Firefox Safari Opera
switch 支持 支持 支持 支持 支持

相关页面

Tutoriales de JavaScript：JavaScript If...Else 语句

Tutoriales de JavaScript：Sentencia Switch en JavaScript

Manual de referencia de JavaScript：Sentencia if/else en JavaScript

Manual de referencia de JavaScript：Sentencia break en JavaScript