tutoriais mais recente desenvolvimento web
 

JavaScript switch


O switch comando é usado para executar ações diferentes com base em diferentes condições.


O JavaScript Switch Statement

Utilize o switch indicação para selecionar um dos muitos blocos de código a ser executado.

Sintaxe

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

É assim que funciona:

  • O switch expressão é avaliada uma vez.
  • O valor da expressão é comparado com os valores de cada caso.
  • Se houver uma correspondência, o bloco associado de código é executada.

Exemplo

O getDay() método retorna o dia da semana como um número entre 0 e 6. (Sunday=0, Monday=1, Tuesday=2 ..)

Utilize o número de dias úteis para calcular nome da semana:

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

O resultado do dia será:

Sunday
Tente você mesmo "

A break de palavras-chave

Quando o intérprete do código JavaScript atinge uma break palavra-chave, ele quebra para fora do switch bloco.

Isto irá parar a execução de mais testes de código e caso dentro do bloco.

A break pode salvar um monte de tempo de execução porque "ignora" a execução de todo o resto do código no switch bloco.


O default de palavras-chave

O default palavra-chave especifica o código a ser executado se não houver correspondência caso:

Exemplo

O método getDay () retorna o dia da semana como um número entre 0 e 6.

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

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 de texto será:

Today is Sunday
Tente você mesmo "

Código e Common queda-Through

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

Nota do próximo exemplo, que os casos podem compartilhar o mesmo bloco de código, e que o caso padrão não tem de ser o último caso em um switch bloco:

Exemplo

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 "

Se default não é o último caso no switch bloco, lembre-se de terminá-la com uma break .


Teste-se com exercícios!

Exercício 1 » Exercício 2» Exercício 3 » Exercício 4»