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

一篇文章带你了解JavaScript switch

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

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

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

一、Switch 语句

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

1. 语法

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

2. 工作原理

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

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

3. 案例

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

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

二、关键字

1. break 关键字

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

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

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

2. default 关键字

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

四、总结

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

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

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

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

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

标签:
  • 热门焦点
  • Rust中的高吞吐量流处理

    作者 | Noz编译 | 王瑞平本篇文章主要介绍了Rust中流处理的概念、方法和优化。作者不仅介绍了流处理的基本概念以及Rust中常用的流处理库,还使用这些库实现了一个流处理程序
  • 虚拟键盘 API 的妙用

    你是否在遇到过这样的问题:移动设备上有一个固定元素,当激活虚拟键盘时,该元素被隐藏在了键盘下方?多年来,这一直是 Web 上的默认行为,在本文中,我们将探讨这个问题、为什么会发生
  • 为什么你不应该使用Div作为可点击元素

    按钮是为任何网络应用程序提供交互性的最常见方式。但我们经常倾向于使用其他HTML元素,如 div span 等作为 clickable 元素。但通过这样做,我们错过了许多内置浏览器的功能。
  • 花7万退货退款无门:谁在纵容淘宝珠宝商家造假?

    来源:极点商业作者:杨铭在淘宝购买珠宝玉石后,因为保证金不够赔付,店铺关闭,退货退款难、维权无门的比比皆是。&ldquo;提供相关产品鉴定证书,支持全国复检,可以30天无理由退换货。&
  • 一条抖音4亿人围观 ! 这家MCN比无忧传媒还野

    作者:Hiu 来源:互联网品牌官01 擦边少女空降热搜,幕后推手曝光被网友誉为&ldquo;纯欲天花板&rdquo;的女网红井川里予,近期因为一组哥特风照片登上热搜,引发了一场互联网世界关于
  • 8月见!小米MIX Fold 3获得3C认证:支持67W快充

    这段时间以来,包括三星、一加、荣耀等等有不少品牌旗下的最新折叠屏旗舰都得到了不少爆料,而小米新一代折叠屏旗舰——小米MIX Fold 3此前也屡屡被传
  • 华为将推出盘古数字人大模型 可帮助用户12小时完成数字人生成

    在今日举行的2023年华为云数字文娱AI创新峰会上,华为云全球Marketing与销售服务总裁石冀琳表示,华为云将在后续推出盘古数字人大模型,可帮助用户12小
  • AI芯片初创公司Tenstorrent获三星和现代1亿美元投资

    Tenstorrent是一家由芯片行业资深人士Jim Keller领导的加拿大初创公司,专注于开发人工智能芯片,该公司周三表示,已经从现代汽车集团和三星投资基金等
  • 世界人工智能大会国际日开幕式活动在世博展览馆开启

    30日上午,世界人工智能大会国际日开幕式活动在世博展览馆开启,聚集国际城市代表、重量级院士专家、国际创新企业代表,共同打造人工智能交流平台。上海市副市
Top