-
Javascript - Fundamentos Básicos
-
Lecture 1Javascript Tutorial
-
Lecture 2Javascript – Introdução
-
Lecture 3JavaScript – Sintaxe
-
Lecture 4Javascript – Habilitando JavaScript em navegadores
-
Lecture 5Javascript – Onde colocá-lo no HTML
-
Lecture 6Javascript – Variáveis
-
Lecture 7Javascript – Aprendendo Operadores
-
Lecture 8JavaScript – Aprendendo declaração if … else.
-
Lecture 9Javascript -Aprendendo Switch Case
-
Lecture 10Javascript – Aprendendo While Loops
-
Lecture 11JavaScript – Aprendendo Loop For
-
Lecture 12Javascript – Aprendendo loop for…in
-
Lecture 13Javascript – Aprendendo controle de loop
-
Lecture 14Javascript – Aprendendo Funções
-
Lecture 15JavaScript – Arrays
-
Lecture 16Javascript – Aprendendo Eventos
-
Lecture 17Javascript – Aprendendo Sobre Cookies
-
Lecture 18Javascript – Redirecionamento de página
-
Lecture 19Javascript – Caixas de diálogo
-
Lecture 20Javascript – Aprendendo Void Keyword
-
Lecture 21JavaScript – Aprendendo a imprimir uma página
-
Javascript -Aprendendo Switch Case
Você pode usar várias instruções if … else … if, como no capítulo anterior, para realizar uma ramificação multiponto. No entanto, nem sempre essa é a melhor solução, especialmente quando todos os ramos 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 o faz de maneira mais eficiente do que as instruções if … else if repetidas.
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 caso em relação ao valor da expressão até que uma correspondência seja encontrada. Se nada corresponder, uma condição padrão será usada.
switch (expression) {
case condition 1: statement(s)
break;
case condition 2: statement(s)
break;
...
case condition n: statement(s)
break;
default: statement(s)
}
As instruções break indicam o fim de um caso particular. Se eles fossem omitidos, o intérprete continuaria executando cada instrução em cada um dos seguintes casos.
Explicaremos a instrução break no capítulo Controle de Loop.
Exemplo
Tente o exemplo a seguir para implementar a instrução switch-case.
<html> <body> <script type = "text/javascript"> <!-- var grade = 'A'; document.write("Entering switch block<br />"); switch (grade) { case 'A': document.write("Good job<br />"); break; case 'B': document.write("Pretty good<br />"); break; case 'C': document.write("Passed<br />"); break; case 'D': document.write("Not so good<br />"); break; case 'F': document.write("Failed<br />"); break; default: document.write("Unknown grade<br />") } document.write("Exiting switch block"); //--> </script> <p>Set the variable to different value and then try...</p> </body> </html>
As instruções break desempenham um papel importante nas instruções switch-case. Tente o seguinte código que usa a instrução switch-case sem nenhuma instrução break.
<html> <body> <script type = "text/javascript"> <!-- var grade = 'A'; document.write("Entering switch block<br />"); switch (grade) { case 'A': document.write("Good job<br />"); case 'B': document.write("Pretty good<br />"); case 'C': document.write("Passed<br />"); case 'D': document.write("Not so good<br />"); case 'F': document.write("Failed<br />"); default: document.write("Unknown grade<br />") } document.write("Exiting switch block"); //--> </script> <p>Set the variable to different value and then try...</p> </body> </html>