新闻中心

js switch case 同时匹配多个case

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

js switch case 同时匹配多个case

在 J*aScript 中,switch case 本身不支持像某些语言那样的“多值匹配”语法(比如 case 1, 2, 3:),但我们可以通过省略 break 的方式,让多个 case 执行相同的代码块,从而实现“同时匹配多个 case”的效果。

利用 fall-through 实现多 case 匹配

J*aScript 的 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 中写判断表达式:

Tanka Tanka

具备AI长期记忆的下一代团队协作沟通工具

Tanka 146 查看详情 Tanka
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的详细内容,更多请关注其它相关文章!


# 拖拽  # 怎么建设违法网站  # 南昌seo优化服务  # 石碣抖音seo投放公司  # 湖州推广网站公司  # 泸州网站建设定制价格  # seo顾问岗位设置  # 马来西亚网红推广网站  # 黔江手机网站建设  # 深圳网站seo关键词排名推广  # 巫溪的网站建设团队  # 在这个  # 如果你  # 有何区别  # javascript  # 拖放  # 它与  # 如何使用  # 如何实现  # 这是  # 多个  # apple  # switch  # app  # go  # js  # java 


相关栏目: 【 科技资讯46185 】 【 网络学院92790


相关推荐: 支付宝如何设置安全保护_支付宝安全设置的全面教程  必由学官网入口 必由学教师登录入口  使用 Pandas 高效处理 .dat 文件:字符清理与数据计算  在python-socketio事件处理器中安全访问Flask应用上下文  Mac怎么锁定备忘录_Mac备忘录加密设置教程  Win10桌面图标出现小盾牌怎么办 Win10去除UAC图标教程【解决】  抖音网页版平台入口 抖音网页版官网在线访问教程  b站赚钱渠道_b站收益来源  Lar*el头像管理:图片缩放与旧文件删除的最佳实践  PHP高效扁平化嵌套数组:使用array_merge与数组解包操作符  Win10系统怎么查看已安装更新_Win10卸载有问题的更新补丁  苹果手机指南针不准怎么校准 传感器校准方法详解【建议收藏】  如何在Python中使用Optional类型处理可变对象并避免Pylint警告  Golang如何实现Web文件静态资源服务器_Golang静态资源服务器开发与实践  2025-2030年全球乘用车销量预测:新能源成增长主力  Windows电脑怎么截图最方便_系统自带截图工具的5种神仙用法【技巧】  2026春节假期时间安排 2026春节假日查询  b站怎么取消点赞_b站点赞取消操作方法  漫蛙漫画登录站点 漫蛙2正版漫画快速访问  Node.js 中使用 node-cron 实现定时 API 数据抓取与处理  Golang如何实现简单的Web表单_Golang表单提交与验证处理方法  抓大鹅无需下载版 抓大鹅秒玩版入口  印象笔记怎样用批量导出备知识库_印象笔记用批量导出备知识库【备份方法】  AI抖音网页版免费视频入口 AI抖音网页端最新视频实时观看  汽水音乐车机版8.9下载 汽水音乐车机版8.9版本安装入口  css绝对定位元素脱离父容器怎么办_确保父元素position非static  抓大鹅解压小游戏 抓大鹅摸鱼解压入口  Win10快速启动功能利弊分析 Win10开启或关闭快速启动教程【技巧】  React/Next.js中实现列表项的动态选择与移动  处理动态列数据:J*a ArrayList的正确初始化与字符累加教程  微信网页版官方快速登录入口 微信网页版网页版账号直达  汽水音乐在线解析 汽水音乐在线解析入口  Windows7怎么硬盘安装 Windows7提取ISO镜像到非系统盘并运行setup.exe实现硬盘直装【教程】  新手怎么开始学化妆 零基础化妆入门教程  Python中如何避免重复条件判断:利用数据结构实现动态逻辑  拼多多视频播放卡顿如何处理 拼多多视频播放优化技巧  2026年CSGO开箱网站推荐 CSGO开箱平台精选  使用CSS更改登录屏幕输入框中PNG图标颜色的策略与局限性  CSS实现侧边栏导航项全宽圆角悬停背景效果  冬*霸灯泡不亮怎么办_浴霸取暖灯一盏不亮的灯座清洁修复法  iCloud登录入口网页版 苹果iCloud官网登录  微信客户端如何收红包_微信客户端接收红包使用教程  React Hooks最佳实践:动态组件状态管理的组件化方案  React项目中导航栏Logo自适应布局:避免裁剪与布局溢出  漫蛙官网正版漫画入口 漫蛙2官方网页登录地址  必由学登录入口 必由学官方网站在线访问链接  深入理解J*a链表中的IPosition接口与使用  微信网页版扫码登录入口 微信网页版二维码登录入口  Eclipse怎么运行工程_Eclipse工程运行配置说明  谷歌google账号怎么注册账号 谷歌账号注册官方流程 

搜索