JavaScript switch

Exemplo

Executar um bloco de código com base na entrada do usuário:

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

O resultado do texto poderia ser:

How you like them apples?

Tente você mesmo "

Mais "Try it Yourself" exemplos abaixo.

Definição e Uso

A instrução switch executa um bloco de código dependendo de diferentes casos.

A instrução switch é uma parte do JavaScript "Conditional" Demonstrações, que são usados para executar ações diferentes com base em diferentes condições. Usar a opção para selecionar um dos muitos blocos de código a ser executado. Esta é a solução perfeita por muito tempo, aninhada if / else declarações.

A instrução switch avalia uma expressão. O valor da expressão é então comparado com os valores de cada um dos casos na estrutura. Se houver uma correspondência, o bloco associado de código é executado.

A instrução switch é frequentemente usado em conjunto com uma pausa ou uma palavra-chave padrão (or both) . Estes são ambos opcionais:

A palavra-chave quebra quebra fora do bloco switch. Isto irá parar a execução de mais execução de código e / ou testes de caso dentro do bloco. Se ruptura é omitido, o próximo bloco de código na instrução switch funciona.

A palavra-chave padrão especifica algum código para executar se não houver correspondência caso. Não pode ser apenas uma palavra-chave padrão em um switch. Embora este é opcional, é recomendável que você usá-lo, como ele cuida de casos inesperados.

Suporte navegador

Declaração
switch	sim	sim	sim	sim	sim

Sintaxe

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

Os valores dos parâmetros

Parâmetro	Descrição
expression	Requeridos. Especifica uma expressão a ser avaliada. A expressão é avaliada uma vez. O valor da expressão é comparado com os valores de cada caso rótulos na estrutura. Se houver uma correspondência, o bloco associado de código é executado

Detalhes técnicos

JavaScript Versão:	1,2

mais Exemplos

Exemplo

Use o número de semana de hoje para calcular o dia da semana (domingo = 0, de segunda = 1, Terça-feira = 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";
}

O resultado do dia será:

Tente você mesmo "

Exemplo

Se hoje não é nem sábado nem domingo, escrever uma mensagem padrão:

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

O resultado do texto será:

Tente você mesmo "

Exemplo

Às vezes, você vai querer casos diferentes de usar o mesmo código, ou cair-through a um padrão comum.

Note-se que, neste exemplo, os casos partilham o mesmo bloco de código, e que o caso padrão não tem que ser o último caso em um bloco switch (no entanto, se padrão não for o último caso no bloco switch, lembre-se de acabar com ela com uma pausa).

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

Tente você mesmo "

Exemplo

Usando a instrução switch para executar um bloco de código com base na entrada do usuário, a partir de uma caixa de alerta:

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

Tente você mesmo "