Cursos WebJavaScriptTutoriais

Switch Case JavaScript

Você pode usar várias instruções ifelseif. No entanto, isso nem sempre é a melhor solução, especialmente quando todas as ramificações dependem do valor de uma única variável.

Começando com o JavaScript 1.2, você pode usar uma instrução switch que lida exatamente com essa situação, e faz isso de forma mais eficiente do que as instruções repetidas ifelse if.

Fluxograma

O fluxograma a seguir explica uma instrução de switch-case:

Sintaxe

O objetivo de uma instrução switch é fornecer uma expressão para avaliar e várias instruções diferentes para executar com base no valor da expressão. O intérprete verifica cada case relacionado ao valor da expressão até que uma correspondência seja encontrada. Se nada corresponder, uma condição default será usada.

switch (expressão) {
   case "condição 1": Afirmações
   break;
   
   case "condição 1" : Afirmações 
   break;
   ...
   
   case condition n: Afirmações 
   break;
   
   default:  Afirmações 
}

As declarações de break indicam o final de um case particular. Se eles fossem omitidos, o intérprete continuaria a executar cada instrução em cada um dos casos a seguir.

Vamos explicar a instrução break no capítulo Loop Control .

Exemplo:

Tente o exemplo a seguir para implementar a instrução do switch-case:

<html>
   <body>   
      <script type="text/javascript">
         <!--
            var nota = 'A';
            document.write("Switch de notas<br />");
            switch(nota) {
               case 'A': document.write("Excelente!<br />");
               break;
            
               case 'B': document.write("Muito Bom!<br />");
               break;
            
               case 'C': document.write("Bom<br />");
               break;
            
               case 'D': document.write("Suficiente<br />");
               break;
            
               case 'F': document.write("Insuficiente<br />");
               break;
            
               default:  document.write("Nota desconhecida<br />")
            }
            document.write("Fim do switch de nota!");
         //-->
      </script>      
       <p>Defina um valor diferente para variável <b>nota</b> e 
       tente novamente!</p>
   </body>
</html>

Resultado:

Switch de notas 
Excelente
Fim do switch de nota! 
Defina um valor diferente para variável nota e tente novamente!

As instruções break desempenham um papel importante nas instruções de um switch-case. Vamos tentar o seguinte código que usa instruções switch-case sem qualquer instrução break.

<html>
   <body>      
      <script type="text/javascript">
         <!--
            var nota = 'A';
            document.write("Switch de notas sem break<br />");
            switch (nota) {
               case 'A': document.write("Excelente!<br />");
               case 'B': document.write("Muito Bom!<br />");
               case 'C': document.write("Bom<br />");
               case 'D': document.write("Suficiente<br />");
               case 'F': document.write("Insuficiente<br />");
               default:  document.write("Nota desconhecida<br />") 
            }
            document.write("Fim de switch de notas sem break");
         //-->
      </script>      
       <p>Defina um valor diferente para variável <b>nota</b> e 
       tente novamente!</p>  
   </body>
</html>

Resultado:

Switch de notas sem break 
Excelente
Muito Bom
Bom
Suficiente
Insuficiente
Nota desconhecida 
Fim de switch de notas sem break 
Defina um valor diferente para variável nota e tente novamente! 

Etiquetas

Lucas Keaton

Criador do site TecForest, aprendi PHP aos 14 anos e desde então continuei estudando e procurando aprender mais sobre programação. Sou apaixonado por tecnologia e tenho como Hobby Blogs e Páginas. Me formei em Análise e Desenvolvimento de Sistemas em 2016, também sou Técnico em Informática e em Manutenção em Celulares.

Artigos relacionados

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Verifique também
Fechar
Botão Voltar ao topo
Fechar
Fechar