当前位置:首页 > 科技  > 软件

一篇文章带你了解JavaScript switch

来源: 责编: 时间:2024-04-19 17:25:39 265观看
导读Switch是与if ... else ...相同的条件语句,不同之处在于switch语句允许根据值列表测试变量是否相等。switch 语句用于根据不同的条件执行不同的操作。一、Switch 语句使用switch语句选择要执行的多个代码块中的一个。1

Switch是与if ... else ...相同的条件语句,不同之处在于switch语句允许根据值列表测试变量是否相等。switch 语句用于根据不同的条件执行不同的操作。YW628资讯网——每日最新资讯28at.com

YW628资讯网——每日最新资讯28at.com

一、Switch 语句

使用switch语句选择要执行的多个代码块中的一个。YW628资讯网——每日最新资讯28at.com

1. 语法

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

2. 工作原理

switch 表达式求值一次。表达式的值与每个case的值进行比较。如果有匹配,则执行相关的代码块。YW628资讯网——每日最新资讯28at.com

getDay() 方法返回一周0到6之间的数字。(Sunday=0, Monday=1, Tuesday=2 ..)。YW628资讯网——每日最新资讯28at.com

3. 案例

使用的工作日数计算星期的名称:YW628资讯网——每日最新资讯28at.com

<!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>

YW628资讯网——每日最新资讯28at.com

二、关键字

1. break 关键字

原理:当找到一个匹配,工作完成后,它跳出。如果没有,继续进行更多的测试。YW628资讯网——每日最新资讯28at.com

一个break可以节省大量的执行时间,因为它忽略了break开关块中所有其他代码都要执行。在最后一个case块中没有必要使用break,因为无论如何它都会退出。YW628资讯网——每日最新资讯28at.com

<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>

图片YW628资讯网——每日最新资讯28at.com

2. default 关键字

default 关键字指定在没有匹配的情况下运行的代码:YW628资讯网——每日最新资讯28at.com

getDay() 方法返回一周0到6之间的数字。YW628资讯网——每日最新资讯28at.com

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

YW628资讯网——每日最新资讯28at.com

default 不一定放到最后一个语句块:YW628资讯网——每日最新资讯28at.com

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

YW628资讯网——每日最新资讯28at.com

测试时,是星期四,返回其他星期。YW628资讯网——每日最新资讯28at.com

YW628资讯网——每日最新资讯28at.com

注:YW628资讯网——每日最新资讯28at.com

如果default不是开关块中的最后一个实例,请记住以break结束默认情况。YW628资讯网——每日最新资讯28at.com

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

有时你会希望不同的开关情况下使用相同的代码。YW628资讯网——每日最新资讯28at.com

在本例中,案例4和5共享相同的代码块,而0和6共享另一个代码块:YW628资讯网——每日最新资讯28at.com

<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>

YW628资讯网——每日最新资讯28at.com

四、总结

本文基于JavaScript 基础,介绍了switch语句的相关使用。通过工作原理的分析 案例的代码的解析,对于关键字的难点都做了详细的讲解。同时对代码进行了整合和优化。YW628资讯网——每日最新资讯28at.com

本文链接:http://www.28at.com/showinfo-26-84190-0.html一篇文章带你了解JavaScript switch

声明:本网页内容旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。邮件:2376512515@qq.com

上一篇: fd:一个比Find简单十倍的文件查找命令

下一篇: Python将证件背景更改为白色底

标签:
  • 热门焦点
  • K60 Pro官方停产 第三方瞬间涨价

    虽然没有官方宣布,但Redmi的一些高管也已经透露了,Redmi K60 Pro已经停产且不会补货,这一切都是为了即将到来的K60 Ultra铺路,属于厂家的正常操作。但有意思的是该机在停产之后
  • 6月安卓手机性能榜:vivo/iQOO霸占旗舰排行榜前三

    2023年上半年已经正式过去了,我们也迎来了安兔兔V10版本,在新的骁龙8Gen3和天玑9300发布之前,性能榜的榜单大体会以骁龙8Gen2和天玑9200+为主,至于那颗3.36GHz的骁龙8Gen2领先
  • 帅气纯真少年!日本最帅初中生选美冠军出炉

    日本第一帅哥初一生选美大赛冠军现已正式出炉,冠军是来自千叶县的宗田悠良。日本一直热衷于各种选美大赛,从&ldquo;最美JK&rdquo;起到&ldquo;最美女星&r
  • 十个可以手动编写的 JavaScript 数组 API

    JavaScript 中有很多API,使用得当,会很方便,省力不少。 你知道它的原理吗? 今天这篇文章,我们将对它们进行一次小总结。现在开始吧。1.forEach()forEach()用于遍历数组接收一参
  • 一年经验在二线城市面试后端的经验分享

    忠告这篇文章只适合2年内工作经验、甚至没有工作经验的朋友阅读。如果你是2年以上工作经验,请果断划走,对你没啥帮助~主人公这篇文章内容来自 「升职加薪」星球星友 的投稿,坐
  • 微信语音大揭秘:为什么禁止转发?

    大家好,我是你们的小米。今天,我要和大家聊一个有趣的话题:为什么微信语音不可以转发?这是一个我们经常在日常使用中遇到的问题,也是一个让很多人好奇的问题。让我们一起来揭开这
  • Python异步IO编程的进程/线程通信实现

    这篇文章再讲3种方式,同时讲4中进程间通信的方式一、 Python 中线程间通信的实现方式共享变量共享变量是多个线程可以共同访问的变量。在Python中,可以使用threading模块中的L
  • 小米汽车电池信息疑似曝光:容量101kWh,支持800V高压快充

    7月14日消息,今日一名博主在社交媒体发布了一张疑似小米汽车电池信息的照片,显示该电池包正是宁德时代麒麟电池,容量为101kWh,电压为726.7V,可以预测小
  • Windows 11发布,微软一改往常对老机型开放的态度

    距离 Windows 11 发布已经过去一周,在过去一周里,很多数码爱好者围绕其对 Android 应用的支持、对老机型的升级问题展开了激烈讨论。与以往不同的是,在这次大
Top