JS多个case同时匹配技巧

珍惜时间，勤奋学习！今天给大家带来《JS switch 多个 case 同时匹配方法》，正文内容主要涉及到等等，如果你正在学习文章，或者是对文章有疑问，欢迎大家关注我！后面我会持续更新相关内容的，希望都能帮到正在学习的大家！

通过省略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多个case同时匹配技巧》的内容了。个人认为，基础知识的学习和巩固，是为了更好的将其运用到项目中，欢迎关注golang学习网公众号，带你了解更多关于的知识点！