如何让JavaScript的switch语句执行所有匹配的case？

我原本用if语句实现多条件执行，听说switch比if高效，就写了基于true的switch代码，但现在只会执行第一个匹配的case。想知道能不能让所有符合条件的case都执行，还是只能继续用多个if？

代码示例 #

let num = 30;
switch (true) {
  case (num >= 20):
    console.log("code for case 1");
    break;
  case (num == 31) :
    console.log("code for case 2");
    break;
  case (num < 50):
    console.log("code for case 3");
    break;
  case (num == 10 + 20):
    console.log("code for case 4");
    break;
}

期望输出 #

code for case 1
code for case 3
code for case 4

解答 #

首先明确switch的核心逻辑：它会找到第一个条件匹配的case作为执行入口，之后从该位置开始顺序执行代码，直到遇到break、return或者switch块结束。你当前每个case都加了break，所以只会执行第一个匹配的分支。

如果想实现「仅执行所有条件为true的case」，基于true的switch做不到——因为switch不会在找到第一个匹配入口后，回头检查后续case的条件，它只会按顺序执行到终止符。哪怕去掉所有break，也会从第一个匹配的case开始执行所有后续代码（包括条件不满足的case2），不符合你的需求。

这种场景下，最直接的方案还是用多个独立的if语句：

let num = 30;
if (num >= 20) console.log("code for case 1");
if (num == 31) console.log("code for case 2");
if (num < 50) console.log("code for case 3");
if (num == 10 + 20) console.log("code for case 4");

如果想让代码更规整，也可以把条件和对应逻辑封装成数组遍历执行：

let num = 30;
const conditionHandlers = [
  { check: num >= 20, handler: () => console.log("code for case 1") },
  { check: num === 31, handler: () => console.log("code for case 2") },
  { check: num < 50, handler: () => console.log("code for case 3") },
  { check: num === 10 + 20, handler: () => console.log("code for case 4") }
];

conditionHandlers.forEach(item => {
  if (item.check) item.handler();
});

另外补充一点：所谓「switch比if高效」，仅针对判断同一变量的固定值分支（比如switch(num)搭配case 1、case 2这种场景），此时JS引擎可以做优化。而你这种基于true的switch，本质和if-else链没有区别，甚至更繁琐，不存在性能优势。

内容的提问来源于stack exchange，提问作者Radeks