通过省略break实现多case匹配,如多个case执行相同代码块;也可用switch(true)配合条件表达式处理区间判断,或使用对象映射替代,简洁且易维护。

在 JavaScript 中,switch case 本身不支持像某些语言那样的“多值匹配”语法(比如 case 1, 2, 3:),但我们可以通过省略 break 的方式,让多个 case 执行相同的代码块,从而实现“同时匹配多个 case”的效果。
利用 fall-through 实现多 case 匹配
JavaScript 的 switch 语句支持“穿透”(fall-through)机制:如果某个 case 分支没有 break,程序会继续执行下一个 case 的代码,直到遇到 break 或 switch 结束。
通过这种方式,我们可以将多个需要相同处理的 case 写在一起:
let fruit = "apple";switch (fruit) { case "apple": case "banana": case "orange": console.log("这是常见水果"); break; case "mango": console.log("这是热带水果"); break; default: console.log("未知水果");}
在这个例子中,只要 fruit 是 “apple”、”banana” 或 “orange”,都会输出“这是常见水果”。
使用表达式进行更灵活的匹配
如果你需要根据条件判断(如范围、正则等)来匹配多个值,可以把 switch 的参数设为 true,然后在 case 中写判断表达式:
let score = 85;switch (true) { case score >= 90: console.log("优秀"); break; case score >= 80: console.log("良好"); break; case score >= 60: console.log("及格"); break; default: console.log("不及格");}
这种写法让 case 可以是布尔表达式,适合处理区间或复杂条件。
替代方案:对象映射或 if-else
如果逻辑较复杂,也可以考虑用对象映射或 if-else 来替代:
const typeMap = { apple: "常见水果", banana: "常见水果", orange: "常见水果", mango: "热带水果"};console.log(typeMap[fruit] || "未知水果");
这种方式更简洁,适合静态映射关系。
基本上就这些。switch 多 case 匹配靠 fall-through,写法简单,注意别忘了 break 就行。不复杂但容易忽略细节。
以上就是js switch case 同时匹配多个case的详细内容,更多请关注创想鸟其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1538188.html
微信扫一扫
支付宝扫一扫