15JavaScript switch語句

時間 2019-12-09

標籤 15javascript javascript switch 語句欄目 JavaScript 简体版

原文原文鏈接

1.JavaScript switch 語句

使用 switch 語句來選擇要執行的多個代碼塊之一。html

語法：spa

switch(n)
{
    case 1:
        執行代碼塊 1
        break;
    case 2:
        執行代碼塊 2
        break;
    default:
        與 case 1 和 case 2 不一樣時執行的代碼
}

工做原理：首先設置表達式 n（一般是一個變量）。隨後表達式的值會與結構中的每一個 case 的值作比較。若是存在匹配，則與該 case 關聯的代碼塊會被執行。使用 break 來阻止代碼自動地向下一個 case 運行。code

實例：（顯示今天的星期名稱。請注意 Sunday=0, Monday=1, Tuesday=2, 等等）htm

 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>

運行結果：blog

2.default 關鍵詞

請使用 default 關鍵詞來規定匹配不存在時作的事情：ip

 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://若是今天不是星期6、星期日那麼就執行default裏的代碼 23         x="期待週末";
24       }
25     document.getElementById("demo").innerHTML=x;
26 }
27 </script>
28 
29 </body>
30 </html>

運行結果：utf-8

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。