這篇文章主要介紹了JavaScript中switch語句的用法詳解,是JS入門學習中的基礎知識,需要的朋友可以參考下

可以使用多個if... else if語句，如前面的章節，執行多路分支。然而，這并不總是最佳的解決方案，尤其是當所有分支的依賴單一的變量的值。

使用JavaScript1.2開始，你可以用它處理的正是這種情況，使用一個switch語句，它這樣做更有效，如果不是反復地使用if... else if語句。

語法

switch語句的基本語法給出一個expression ，以評估計算幾種不同的語句基于該表達式的值來執行。解釋器檢查對表達式的值的每一種情況，直到找到一個匹配。如果沒有匹配，則缺省(default)條件將被使用。

1. switch (expression) 
2. { 
3. case condition 1: statement(s) 
4. break; 
5. case condition 2: statement(s) 
6. break; 
7. ... 
8. case condition n: statement(s) 
9. break; 
10. default: statement(s) 
11. } 

break語句指示的解釋器是特定情況下結束。如果它們被省略，則解釋器將繼續在以下每個情況(case)執行每個語句。

我們將解釋break語句在循環控制這一章。

例子：

下面的例子說明了一個基本的while循環：

1. <script type="text/javascript"> 
2. <!-- 
3. var grade='A'; 
4. document.write("Entering switch block<br />"); 
5. switch (grade) 
6. { 
7. case 'A': document.write("Good job<br />"); 
8. break; 
9. case 'B': document.write("Pretty good<br />"); 
10. break; 
11. case 'C': document.write("Passed<br />"); 
12. break; 
13. case 'D': document.write("Not so good<br />"); 
14. break; 
15. case 'F': document.write("Failed<br />"); 
16. break; 
17. default: document.write("Unknown grade<br />") 
18. } 
19. document.write("Exiting switch block"); 
20. //--> 
21. </script> 

這將產生以下結果：

1. Entering switch block 
2. Good job 
3. Exiting switch block 

例子：

考慮這樣一種情況，如果不使用break語句：

1. <script type="text/javascript"> 
2. <!-- 
3. var grade='A'; 
4. document.write("Entering switch block<br />"); 
5. switch (grade) 
6. { 
7. case 'A': document.write("Good job<br />"); 
8. case 'B': document.write("Pretty good<br />"); 
9. case 'C': document.write("Passed<br />"); 
10. case 'D': document.write("Not so good<br />"); 
11. case 'F': document.write("Failed<br />"); 
12. default: document.write("Unknown grade<br />") 
13. } 
14. document.write("Exiting switch block"); 
15. //--> 
16. </script> 

這將產生以下結果：

1. Entering switch block 
2. Good job 
3. Pretty good 
4. Passed 
5. Not so good 
6. Failed 
7. Unknown grade 
8. Exiting switch block