欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页  >  IT编程

15JavaScript switch语句

程序员文章站 2022-11-21 22:54:31
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>

运行结果：

15JavaScript switch语句

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>

运行结果：

15JavaScript switch语句

上一篇： jQuery根据纬度经度查看地图处理程序

下一篇： jQuery快速上手：写jQuery与直接写JS的区别详细解析

推荐阅读