1.JavaScript switch 語句 使用 switch 語句來選擇要執行的多個代碼塊之一。 語法： 工作原理：首先設置表達式 n（通常是一個變數）。隨後表達式的值會與結構中的每個 case 的值做比較。如果存在匹配，則與該 case 關聯的代碼塊會被執行。使用 break 來阻止代碼自動地 ...
1.JavaScript switch 語句
使用 switch 語句來選擇要執行的多個代碼塊之一。
語法：
switch(n) { case 1: 執行代碼塊 1 break; case 2: 執行代碼塊 2 break; default: 與 case 1 和 case 2 不同時執行的代碼 }
工作原理：首先設置表達式 n（通常是一個變數）。隨後表達式的值會與結構中的每個 case 的值做比較。如果存在匹配，則與該 case 關聯的代碼塊會被執行。使用 break 來阻止代碼自動地向下一個 case 運行。
實例：（顯示今天的星期名稱。請註意 Sunday=0, Monday=1, Tuesday=2, 等等）
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>Yubaba</title> 6 </head> 7 <body> 8 9 <p>點擊下麵的按鈕來顯示今天是周幾：</p> 10 <button onclick="myFunction()">點擊這裡</button> 11 <p id="demo"></p> 12 <script> 13 function myFunction(){ 14 var x; 15 var d=new Date().getDay(); 16 switch (d){ 17 case 0:x="今天是星期日"; 18 break; 19 case 1:x="今天是星期一"; 20 break; 21 case 2:x="今天是星期二"; 22 break; 23 case 3:x="今天是星期三"; 24 break; 25 case 4:x="今天是星期四"; 26 break; 27 case 5:x="今天是星期五"; 28 break; 29 case 6:x="今天是星期六"; 30 break; 31 } 32 document.getElementById("demo").innerHTML=x; 33 } 34 </script> 35 36 </body> 37 </html>
運行結果：
2.default 關鍵詞
請使用 default 關鍵詞來規定匹配不存在時做的事情：
1 <html> 2 <head> 3 <meta charset="utf-8"> 4 <title>Yubaba</title> 5 </head> 6 <body> 7 8 <p>點擊下麵的按鈕，會顯示出基於今日日期的消息：</p> 9 <button onclick="myFunction()">點擊這裡</button> 10 <p id="demo"></p> 11 <script> 12 function myFunction() 13 { 14 var x; 15 var d=new Date().getDay(); 16 switch (d) 17 { 18 case 6:x="今天是星期六"; 19 break; 20 case 0:x="今天是星期日"; 21 break; 22 default://如果今天不是星期六、星期日那麼就執行default里的代碼 23 x="期待周末"; 24 } 25 document.getElementById("demo").innerHTML=x; 26 } 27 </script> 28 29 </body> 30 </html>
運行結果：
