如何理解JavaScriptswitch

这篇文章主要讲解了“如何理解JavaScript switch”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“如何理解JavaScript switch”吧！

创新互联是专业的抚州网站建设公司，抚州接单;提供成都网站设计、做网站、成都外贸网站建设公司,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行抚州网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

Switch是与if ... else ...相同的条件语句，不同之处在于switch语句允许根据值列表测试变量是否相等。switch 语句用于根据不同的条件执行不同的操作。

一、Switch 语句

使用switch语句选择要执行的多个代码块中的一个。

1. 语法

switch(expression) {     case n:         code block         break;     case n:         code block         break;     default:         default code block }

2. 工作原理

switch 表达式求值一次。表达式的值与每个case的值进行比较。如果有匹配，则执行相关的代码块。

getDay() 方法返回一周0到6之间的数字。(Sunday=0, Monday=1, Tuesday=2 ..)。

3. 案例

使用的工作日数计算星期的名称：

<!DOCTYPE html> <html lang="en"> <head>   <meta charset="UTF-8">   <title>项目</title> </head> <body>    <p id="demo"></p>    <script>     var day;     switch (new Date().getDay()) {         case 0:             day = "Sunday";             break;         case 1:             day = "Monday";             break;         case 2:             day = "Tuesday";             break;         case 3:             day = "Wednesday";             break;         case 4:             day = "Thursday";             break;         case 5:             day = "Friday";             break;         case  6:             day = "Saturday";     }     document.getElementById("demo").innerHTML = "今天是：" + day; </script>   </body> </html>

如何理解JavaScript switch

二、关键字

1. break 关键字

原理：当找到一个匹配，工作完成后，它跳出。如果没有，继续进行更多的测试。

一个break可以节省大量的执行时间，因为它忽略了break开关块中所有其他代码都要执行。在最后一个case块中没有必要使用break，因为无论如何它都会退出。

<script> function myFunc() { var num = Number(document.querySelector("input").value); var text; switch (num) {    case 1:     text = "您输入的号码是 1";    case 2:     text = "您输入的号码是 2";    case 3:     text = "您输入的号码是 3";    case 4:     text = "您输入的号码是 4";    case 5:     text = "您输入的号码是 5";         braek;    default:     text = "执行默认语句"; }  document.getElementById('para').innerHTML = text; } </script>

如何理解JavaScript switch

2. default 关键字

default 关键字指定在没有匹配的情况下运行的代码:

getDay() 方法返回一周0到6之间的数字。

switch (new Date().getDay()) {     case 6:         text = "星期六;         break;     case 0:         text = "星期天";         break;     default:   /*如果今天不是星期六（6），也不是星期日（0），写一个default信息*/         text = "其他星期"; }

如何理解JavaScript switch

default 不一定放到最后一个语句块：

switch (new Date().getDay()) {     default:         text = "其他星期";         break;     case 6:         text = "星期六;         break;     case 0:         text = "星期天"; }

如何理解JavaScript switch

测试时，是星期四，返回其他星期。

如何理解JavaScript switch

注：

如果default不是开关块中的最后一个实例，请记住以break结束默认情况。

三、相同的代码块(优化)

有时你会希望不同的开关情况下使用相同的代码。

在本例中，案例4和5共享相同的代码块，而0和6共享另一个代码块:

<script>             var text;             switch (new Date().getDay()) {                 case 4:                 case 5:                     text = "很快是周末";                     break;                 case 0:                 case 6:                     text = "这是周末";                     break;                 default:                     text = "期待周末";             }             document.getElementById("demo").innerHTML = text; </script>

如何理解JavaScript switch

感谢各位的阅读，以上就是“如何理解JavaScript switch”的内容了，经过本文的学习后，相信大家对如何理解JavaScript switch这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是创新互联，小编将为大家推送更多相关知识点的文章，欢迎关注！

本文名称：如何理解JavaScriptswitch
文章位置：https://www.cdcxhl.com/article10/picogo.html

成都网站建设公司_创新互联，为您提供网站内链、定制开发、动态网站、网站制作、App开发、定制网站

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容