js switch case 同时匹配多个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 中写判断表达式：

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 就行。不复杂但容易忽略细节。