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>
运行结果：
