【JavaScript】switch 语句

文章目录

    • 1. 基础的 switch 语句
    • 2. 多个条件的处理
    • 3. 使用 switch 进行条件判断
    • 4. switch 语句 vs if-else 语句
    • 5. 总结

在 JavaScript 中, switch 语句是一种 用于根据不同的条件值执行不同代码块的控制流结构。本篇博客将介绍 JavaScript 中的 switch 语句,帮助你更好地理解和运用这个语句。

1. 基础的 switch 语句

switch 语句的基本结构如下:

let day = "Monday";switch (day) {case "Monday":console.log("这是工作日的第一天");break;case "Friday":console.log("这是工作日的最后一天");break;default:console.log("这是正常的一天。");
}

在上述例子中,switch 语句首先评估表达式 day,然后根据 case 的值进行匹配。如果匹配成功,对应的代码块将被执行。break 语句用于终止 switch 语句,防止执行其他 case

2. 多个条件的处理

switch 语句支持多个 case,可以按照需要添加多个条件进行匹配。

let color = "red";switch (color) {case "red":console.log("这是红色");break;case "green":case "blue":console.log("这是绿色或者蓝色");break;default:console.log("我不认识这个颜色");
}

在上述例子中,如果 color 的值为 “red”,第一个 case 将匹配执行。如果值为 “green” 或 “blue”,则第二个 case 也将匹配执行。

3. 使用 switch 进行条件判断

switch 语句通常用于对一个变量进行多个值的条件判断,使代码更清晰、易读。

let day = new Date().getDay();switch (day) {case 0:console.log("今天是星期天");break;case 6:console.log("今天是星期六");break;default:console.log("这是普通工作日");
}

在上述例子中,switch 语句根据 day 的值输出不同的消息,实现了对星期的条件判断。

4. switch 语句 vs if-else 语句

虽然 switchif-else 都可以实现条件判断,但它们在使用场景上有一些区别。switch 适用于对同一个变量进行多个值的判断,而 if-else 更适用于对不同变量或复杂条件的判断。

// 使用 switch 语句
let fruit = "apple";switch (fruit) {case "apple":case "orange":case "banana":console.log("这是一种常见的水果");break;case "kiwi":console.log("这是一种独特的水果");break;default:console.log("我不认识这个水果");
}// 使用 if-else 语句
let weather = "sunny";
let temperature = 25;if (weather === "sunny" && temperature > 30) {console.log("这是一个很热并晴朗的天");
} else if (weather === "sunny") {console.log("这是一个晴朗的天");
} else {console.log("这不是一个晴朗的天");
}

5. 总结

switch 语句是 JavaScript 中用于多个条件判断的一种有效工具。通过清晰的结构和简单的语法,你可以更好地组织代码,提高代码的可读性。在使用 switch 语句时,记得使用 break 来防止执行多个 case。希望通过本篇博客,你对 JavaScript 中的 switch 语句有了更深入的理解。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/674505.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

跟着pink老师前端入门教程-day21+22

5.4 常见flex布局思路 5.5 背景线性渐变 语法: background: linear-gradient( 起始方向 , 颜色 1, 颜色 2, ...); background: -webkit-linear-gradient(left, red , blue); background: -webkit-linear-gradient(left top, red , blue); 背景渐变必须添加浏览…

e5 服务器具备哪些性能特点?

随着云计算和大数据技术的不断发展,服务器作为数据中心的核心设备,其性能特点也日益受到关注。其中,E5服务器作为当前主流的服务器类型之一,具备许多优秀的性能特点。本文将详细介绍E5服务器的性能特点,帮助读者更好地…

CTFshow web(php命令执行 37-40)

?ceval($_GET[shy]);&shypassthru(cat flag.php); #逃逸过滤 ?cinclude%09$_GET[shy]?>&shyphp://filter/readconvert.base64-encode/resourceflag.php #文件包含 ?cinclude%0a$_GET[cmd]?>&cmdphp://filter/readconvert.base64-encode/…

(41)速算机器人

文章目录 每日一言题目解题思路代码结语 每日一言 愚昧从来没有给人带来幸福;幸福的根源在于知识。——左拉 题目 题目链接:速算机器人 小扣在秋日市集发现了一款速算机器人。店家对机器人说出两个数字(记作 x 和 y)&#xff0…

【我与Java的成长记】之String类详解

系列文章目录 能看懂文字就能明白系列 C语言笔记传送门 Java笔记传送门 🌟 个人主页:古德猫宁- 🌈 信念如阳光,照亮前行的每一步 文章目录 系列文章目录🌈 *信念如阳光,照亮前行的每一步* 前言一、字符串构…

【http】2、http request header Origin 属性、跨域 CORS、同源、nginx 反向代理、预检请求

文章目录 一、Origin 含义二、跨源资源共享:**Cross-Origin Resource Sharing** CORS2.1 跨域的定义2.2 功能概述2.3 场景示例2.3.1 简单请求2.3.2 Preflighted requests:预检请求 2.4 header2.4.1 http request header2.4.1.1 Origin2.4.1.2 Access-Con…

立面效果图为何要用云渲染100?渲染100邀请码1a12

建筑设计是一门艺术,而立面效果图是艺术的展现,它在设计中非常重要。 1、立面效果图的重要性 立面效果图能用来展示建筑物的风格、材质、色彩以及环境等因素,通过它,设计师可以检验项目质量,评估效果是否达到预期&…

(2024,低比特模型量化,模型微调,QuEST,TAQuant)QuEST:通过高效选择性微调进行低比特扩散模型量化

QuEST: Low-bit Diffusion Model Quantization via Efficient Selective Finetuning 公和众和号:EDPJ(进 Q 交流群:922230617 或加 VX:CV_EDPJ 进 V 交流群) 目录 0. 摘要 2. 相关工作 3. 方法 3.1. 预备知识 3…

ELAdmin 的 CRUD

数据表结构 弄个测试的数据表,不同类型的几个字段,表名位 mp_reply。 生成代码 ELAdmin 可以自动生成代码。 左侧目录系统工具–代码生成,点开以后可以看到上面创建的数据表mp_reply,点击配置。 进入的页面内容有两部分&#…

代码随想录二刷——二叉树day16

文章目录 前言二叉树知识点二叉树的存储方式 一、104. 二叉树的最大深度二、111. 二叉树的最小深度三、222. 完全二叉树的节点个数总结 前言 一个本硕双非的小菜鸡,备战24年秋招,计划二刷完卡子哥的刷题计划,加油! 二刷决定精刷了…

DePIN+GameFi+顶级电竞团队,GAIMIN如何颠覆Web3游戏赛道

DePIN带动互联网进入去中心化时代 自从智能合约和去中心化应用DApp普及之后,越来越多的从业者开始将目光放在区块链对互联网的升级和改造之上,这里主要进行了三类,第一类是通过节点的去中心化来实现的,这样确保了基础设施的分散&a…

Zoho Mail企业邮箱商业扩展第1部分:入门

今天让我们来认识一下王雪琳,她是一位独立经营的营销咨询机构的个体企业家。在开始自己的事业之前,她进行了广泛的市场调研,明确了自己的业务定位,并全力以赴地投入到了自己的企业中。 一、创业背景 王雪琳的营销业务主要集中在…

论 Scratch 版“愤怒的小鸟”的资源(10000 余块代码)

资源链接 “愤怒的小鸟”资源:https://download.csdn.net/download/leyang0910/88820527 游戏 SJA 分析及:角色数量:12,素材数量:214,积木数量:1442,音频数量:11 “愤怒…

【分布式】雪花算法学习笔记

雪花算法学习笔记 来源 https://pdai.tech/md/algorithm/alg-domain-id-snowflake.html概述 雪花算法是推特开源的分布式ID生成算法,以划分命名空间的方式将64位分割成多个部分,每一个部分代表不同的含义,这种就是将64位划分成不同的段&…

Ondo宣布将其原生稳定币USDY带入Sui生态

重要提示:USDY是由短期美国国债支持的token化票据,持有者享受稳定币的实用性同时获得收益。USDY不得在美国或向美国人出售或以其他方式提供。USDY也未根据1933年美国证券法注册。 不到一年的时间,Sui已经成为全链TVL排名前十的区块链&#xf…

Stable Diffusion 模型下载:Samaritan 3d Cartoon(撒玛利亚人 3d 卡通)

文章目录 模型介绍生成案例案例一案例二案例三案例四案例五案例六案例七案例八案例九案例十 下载地址 模型介绍 由“PromptSharingSamaritan”创作的撒玛利亚人 3d 卡通类型的大模型,该模型的基础模型为 SD 1.5。 条目内容类型大模型基础模型SD 1.5来源CIVITAI作者…

Android ImageView 设置圆角及外边框样式

github地址:GitHub - WeiLianYang/RoundImageView: 🔥🔥🔥用于设置 ImageView 的 圆角、外边框颜色、外边框宽度 添加依赖 repositories {mavenCentral() } implementation io.github.weilianyang:RoundImageView:1.0.2 效果预…

linux系统非关系型数据库redis的配置文件

redis配置文件 Redis的配置文件位于Redis安装目录下,文件名为redis.conf,配置项说明如下 Redis默认不是以守护进程的方式运行,可以通过该配置项修改,使用yes启用守护进程 daemonize no当Redis以守护进程方式运行时,Red…

Android Perfetto 性能分析

Perfetto是Android为我们提供的性能分析工具,网上已经有很多文章来介绍这个工具了,这里就不再赘述,仅贴几篇我觉得有用的文章/网站在此记录: systrace/perfetto中需要actrace打tag相关方法常用的SQL查询perfetto ui perfetto命令…

C语言--------指针(1)

0.指针&指针变量 32位平台,指针变量是4个字节(32bit/84)--------x86 64位平台,指针变量是8个字节(64bit/88)--------x64 编号指针地址;我们平常讲的p是指针就是说p是一个指针变量; ************只要…