js switch case 同时匹配多个case-js教程-PHP中文网

js switch case 同时匹配多个case

冷漠man

发布： 2025-11-11 22:59:17

原创

419人浏览过

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

js switch case 同时匹配多个case

在 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 中写判断表达式：

ViiTor实时翻译

AI实时多语言翻译专家！强大的语音识别、AR翻译功能。

116

查看详情

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的详细内容，更多请关注php中文网其它相关文章！

大家都在看：

动态显示/隐藏表单元素：Flask与JavaScript的协同教程基于后端数据的表单元素动态控制：Flask与JavaScript实现教程 JavaScript 中将单行扁平化对象数组拆分为多行独立对象使用JavaScript的reduce方法进行复杂数组对象转换与聚合 JavaScript实现下拉选择时区并实时显示时间及相关信息