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

一篇文章带你了解JavaScript switch

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

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

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

一、Switch 语句

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

1. 语法

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

2. 工作原理

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

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

3. 案例

使用的工作日数计算星期的名称:njO28资讯网——每日最新资讯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>

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

二、关键字

1. break 关键字

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

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

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

2. default 关键字

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

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

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

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

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

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

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

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

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

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

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

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

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

在本例中,案例4和5共享相同的代码块,而0和6共享另一个代码块:njO28资讯网——每日最新资讯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>

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

四、总结

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

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

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

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

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

标签:
  • 热门焦点
  • K60至尊版狂暴引擎2.0加持:超177万跑分斩获性能第一

    Redmi的后性能时代战略发布会今天下午如期举办,在本次发布会上,Redmi公布了多项关于和联发科的深度合作,以及新机K60 Ultra在软件和硬件方面的特性,例如:“K60 至尊版,双芯旗舰
  • vivo TWS Air开箱体验:真轻 臻好听

    在vivo S15系列新机的发布会上,vivo的最新款真无线蓝牙耳机vivo TWS Air也一同发布,本次就这款耳机新品给大家带来一个简单的分享。外包装盒上,vivo TWS Air保持了vivo自家产
  • 印度登月最关键一步!月船三号今晚进入环月轨道

    8月5日消息,据印度官方消息,月船三号将于北京时间今晚21时30分左右开始近月制动进入环月轨道。这是该探测器能够成功的最关键步骤之一,如果成功将开始围
  • 从 Pulsar Client 的原理到它的监控面板

    背景前段时间业务团队偶尔会碰到一些 Pulsar 使用的问题,比如消息阻塞不消费了、生产者消息发送缓慢等各种问题。虽然我们有个监控页面可以根据 topic 维度查看他的发送状态,
  • 三言两语说透设计模式的艺术-单例模式

    写在前面单例模式是一种常用的软件设计模式,它所创建的对象只有一个实例,且该实例易于被外界访问。单例对象由于只有一个实例,所以它可以方便地被系统中的其他对象共享,从而减少
  • 不容错过的MSBuild技巧,必备用法详解和实践指南

    一、MSBuild简介MSBuild是一种基于XML的构建引擎,用于在.NET Framework和.NET Core应用程序中自动化构建过程。它是Visual Studio的构建引擎,可在命令行或其他构建工具中使用
  • 让我们一起聊聊文件的操作

    文件【1】文件是什么?文件是保存数据的地方,是数据源的一种,比如大家经常使用的word文档、txt文件、excel文件、jpg文件...都是文件。文件最主要的作用就是保存数据,它既可以保
  • Python异步IO编程的进程/线程通信实现

    这篇文章再讲3种方式,同时讲4中进程间通信的方式一、 Python 中线程间通信的实现方式共享变量共享变量是多个线程可以共同访问的变量。在Python中,可以使用threading模块中的L
  • iQOO Neo8系列或定档5月23日:首发天玑9200+ 安卓跑分王者

    去年10月,iQOO推出了iQOO Neo7系列机型,不仅搭载了天玑9000+,而且是同价位唯一一款天玑9000+直屏旗舰,一经上市便受到了用户的广泛关注。在时隔半年后,
Top