JavaScript sentencia switch

Ejemplo

Ejecutar un bloque de código basado en la entrada del usuario:

var text;
var fruits = document.getElementById("myInput").value;

switch(fruits) {
    case "Banana":
        text = "Banana is good!";
        break;
    case "Orange":
        text = "I am not a fan of orange.";
        break;
    case "Apple":
        text = "How you like them apples?";
        break;
    default:
        text = "I have never heard of that fruit...";
}

El resultado de texto podría ser:

How you like them apples?

Inténtalo tú mismo "

Más "Try it Yourself" ejemplos a continuación.

Definición y Uso

La sentencia switch ejecuta un bloque de código en función de los diferentes casos.

La sentencia switch es una parte de JavaScript de "Conditional" Las declaraciones, que se utilizan para llevar a cabo diferentes acciones basadas en diferentes condiciones. Utilice el interruptor para seleccionar uno de los muchos bloques de código para ser ejecutado. Esta es la solución perfecta por mucho tiempo, anidados if / else declaraciones.

La sentencia switch evalúa una expresión. El valor de la expresión se compara entonces con los valores de cada caso en la estructura. Si hay una coincidencia, se ejecuta el bloque asociado de código.

La sentencia switch se utiliza a menudo junto con un descanso o una palabra clave por defecto (or both) . Estos son opcionales:

La palabra clave ruptura estalla del bloque de interruptores. Esto detendrá la ejecución de más ejecución de código y / o pruebas de caso dentro del bloque. Si se omite la rotura, se ejecuta el siguiente bloque de código en la sentencia switch.

La palabra clave por defecto especifica un código a ejecutar si no hay ninguna coincidencia caso. Sólo puede haber una palabra clave por defecto en un interruptor. Aunque esto es opcional, se recomienda que lo utilice, ya que se encarga de los casos inesperados.

Soporte del navegador

Declaración
switch	Sí	Sí	Sí	Sí	Sí

Sintaxis

switch( expression ) {
    case n :
        code block
        break;
    case n :
        code block
        break;
    default:
        default code block
}

Los valores de los parámetros

Parámetro	Descripción
expression	Necesario. Especifica una expresión a evaluar. La expresión se evalúa una vez. El valor de la expresión se compara con los valores de cada caso las etiquetas en la estructura. Si hay una coincidencia, se ejecuta el bloque asociado de código

Detalles técnicos

Versión de JavaScript:	1.2

Más ejemplos

Ejemplo

Utilizar el número de días de la semana actual para calcular el nombre del día (Domingo = 0, de lunes = 1, martes = 2, ...):

var day;
switch (new Date().getDay()) {
    case 0:
      day = "Sunday";
        break;
    case 1:
      day = "Monday";
        break;
    case 2:
      day = "Tuesday";
        break;
    case 3:
      day = "Wednesday";
        break;
    case 4:
      day = "Thursday";
        break;
    case 5:
      day = "Friday";
        break;
    case 6:
      day = "Saturday";
        break;
    default:
        day = "Unknown Day";
}

El resultado del día será el siguiente:

Inténtalo tú mismo "

Ejemplo

Si hoy no es ni Sábado ni Domingo, escribir un mensaje por defecto:

var text;
switch (new Date().getDay()) {
    case 6:
      text = "Today is Saturday";
        break;
    case 0:
        text = "Today is Sunday";
        break;
    default:
        text = "Looking forward to the Weekend";
}

El resultado de texto será:

Inténtalo tú mismo "

Ejemplo

A veces querrá diferentes casos a utilizar el mismo código, o caer a través de un defecto común.

Nótese que en este ejemplo, los casos comparten el mismo bloque de código, y que el caso por defecto no tiene que ser el último caso en un bloque de interruptores (sin embargo, si por defecto no es el último caso en el bloque de interruptores, recuerde que debe acabar con ella con un descanso).

var text;
switch (new Date().getDay()) {
    case 1:
    case 2:
    case 3:
    default:
        text = "Looking forward to the Weekend";
        break;
    case 4:
    case 5:
       text = "Soon it is Weekend";
        break;
    case 0:
    case 6:
       text = "It is Weekend";
}

Inténtalo tú mismo "

Ejemplo

El uso de la instrucción switch para ejecutar un bloque de código basado en la entrada del usuario, desde un cuadro de mensaje:

var text;
var favDrink = prompt("What's your favorite cocktail drink?");
switch(favDrink) {
    case "Martini":
        text = "Excellent choice! Martini is good for your soul.";
        break;
    case "Daiquiri":
        text = "Daiquiri is my favorite too!";
        break;
    case "Cosmopolitan":
        text = "Really? Are you sure the Cosmopolitan is your favorite?";
        break;
    default:
        text = "I have never heard of that one..";
}

Inténtalo tú mismo "