English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

sentença switch do JavaScript

 Declaração de Instrução e Variável do JavaScript

switchas sentenças são do JavaScriptsentença condicionalum, usado para executar ações diferentes em diferentes condições.

switchavalia a expressão, compara o valor da expressão com as cláusulas case e executa as instruções associadas ao case, bem como as instruções após o case correspondente.

associado a cada etiqueta casebreakA sentença garante que, assim que uma sentença correspondente for executada, o programa saia do switch e continue executando as instruções após o switch. Se o break for omitido, o programa continuará executando a próxima instrução após a sentença switch.

defaultA sentença especifica um bloco de código a ser executado por padrão, caso não haja correspondência. Apenas uma sentença padrão pode ser usada no switch. Embora isso seja opcional, é recomendável usá-la, pois pode lidar com situações inesperadas.

O uso do switch permite escolher um dos muitos blocos de código a serem executados. É uma solução perfeita para longas estruturas aninhadas if ... else.

Sintaxe:

switch (expression) {
  case value1:   //Quando a sentença é executada
   //Resultado da correspondência da expressão value1
   break;
  case value2:   //Quando a sentença é executada
   //Resultado da correspondência da expressão value2
   break;
  ...
  case valueN:   //Quando a sentença é executada
   //Resultado da correspondência da expressão valueN
   break;
  default:   //Sentença executada quando não há nenhum dos casos acima
   //Esses valores coincidem com o valor da expressão
   }
var city = document.querySelector("input").value;
var text;
switch (city) {
   case "Jaipur":
   text = "Jaipur é conhecido como a Cidade Rosa";
   break;
   case "Bengaluru":
   text = "Bengaluru é conhecido como a cidade da TI";
   break;
   case "Kerala": 
   text = "Kerala God"39;s Own Country";
   break;
   default:
   text = "Eu nunca ouvi falar dessa cidade...";
}
Testar e Verificar‹/›

Compatibilidade do navegador

Todos os navegadores suportam completamente a clause switch:

Sentença
switchÉÉÉÉÉ

Valor do parâmetro

ParâmetroDescrição
expressionUma expressão whose resultado coincide com cada clause case.
case valueNCláusula case usada para correspondência com a expressão. Se a expressão correspondender ao valor especificado, executará as instruções dentro da cláusula case até o final da clause switch ou break.
default(Opcional) Clause padrão; se fornecida, será executada se o valor da expression não correspondender a nenhuma clause case.

Detalhes técnicos

Versão do JavaScript:ECMAScript 1

Mais exemplos

Use o número do dia útil para calcular o nome do dia útil (domingo = 0, segunda-feira = 1, 1e assim por diante...):

var day;
switch (new Date().getDay()) {
case 0: day = "Domingo";
break;
case 1: day = "Domingo";
break;
case 2: day = "Segunda-feira";
break;
case 3: day = "Terça-feira";
break;
case 4: day = "Quarta-feira";
break;
case 5: day = "Quinta-feira";
break;
case 6: day = "Sábado";
break;
default: day = "Dia Undefined";
}
Testar e Verificar‹/›

Se você esquecer break, o script começará a executar a situação que atende aos critérios e, em seguida, executará a situação:

var num = Number(document.querySelector("input").value);
var text;
switch (num) {
   case 1: text = "Você digitou o número" 1";
   case 2: text = "Você digitou o número" 2";
   case 3: text = "Você digitou o número" 3";
   case 4: text = "Você digitou o número" 4";
   case 5: text = "Você digitou o número" 5";
   default: text = "Default statement executed";
}
Testar e Verificar‹/›

Às vezes, você pode querer que diferentes situações usem o mesmo código ou usar código genérico.

Este é um exemplo de instrução switch de operação única, onde quatro valores diferentes executam operações idênticas:

var num = Number(document.querySelector("input").value);
var text;
switch (num) {
   case 1:
   case 2:
   case 3:
   case 4:
  text = "O número que você digitou está entre 1 - 4";
  break;
   case 5:
   case 6:
   case 7:
   case 8:
  text = "O número que você digitou está entre 5 - 8";
  break; 
   default: text = "A sentença padrão foi executada";
}
Testar e Verificar‹/›

Referências Relacionadas

Tutoriais do JavaScript:Instrução If ... Else do JavaScript

Tutoriais do JavaScript:switch do JavaScript

Referência do JavaScript:Instrução break do JavaScript

 Declaração de Instrução e Variável do JavaScript