English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
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.
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‹/›
Todos os navegadores suportam completamente a clause switch:
Sentença | |||||
switch | É | É | É | É | É |
Parâmetro | Descrição |
---|---|
expression | Uma expressão whose resultado coincide com cada clause case. |
case valueN | Clá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. |
Versão do JavaScript: | ECMAScript 1 |
---|
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‹/›
Tutoriais do JavaScript:Instrução If ... Else do JavaScript
Tutoriais do JavaScript:switch do JavaScript
Referência do JavaScript:Instrução break do JavaScript