15JavaScript switch语句

2019-01-16 05:49:35来源：博客园阅读 ()

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>