如何用switch语句替代多个if语句？解析switch穿透问题

好问题！你碰到的正是switch语句最容易让人踩坑的穿透特性——当switch匹配到某个case后，只要没遇到break，就会一路执行后续所有case的代码，完全不管那些case的条件是否成立。这也是你的示例里switch会输出switch 1、switch 2、switch 3的原因，哪怕数组里根本没有2。

先明确核心：你的多个独立if是逐个判断所有条件，满足就执行对应代码，而switch的设计初衷是找到第一个匹配的分支，执行后续代码流，两者的逻辑本质上有区别。如果非要用switch替代，得分两种情况处理：

1. 想完全复刻多个独立if的行为（所有满足条件的代码都执行） #

说实话，这种场景下switch并不是合适的工具，强行用它会显得很繁琐。更优雅的方式是保留原有的多个if，或者改成遍历检查的形式：

let arr = [1, 3];
// 把要检查的规则存成数组，遍历执行
const checkRules = [
  { target: 1, log: 'switch 1' },
  { target: 2, log: 'switch 2' },
  { target: 3, log: 'switch 3' }
];

checkRules.forEach(rule => {
  if (arr.includes(rule.target)) {
    console.log(rule.log);
  }
});

如果硬要用switch，只能把每个条件拆成单独的switch（相当于把每个if换成switch），但这完全没必要：

let arr = [1, 3];

switch(true) {
  case arr.includes(1):
    console.log('switch 1');
    break;
}

switch(true) {
  case arr.includes(2):
    console.log('switch 2');
    break;
}

switch(true) {
  case arr.includes(3):
    console.log('switch 3');
    break;
}

2. 想改成「只执行第一个满足条件的代码」（类似if...else if逻辑） #

如果你的需求其实是只要找到第一个匹配的条件就停止执行，那只要在每个case末尾加上break就能解决穿透问题：

let arr = [1, 3];

switch(true) {
  case arr.includes(1):
    console.log('switch 1');
    break; // 执行完就退出switch，避免穿透到下一个case
  case arr.includes(2):
    console.log('switch 2');
    break;
  case arr.includes(3):
    console.log('switch 3');
    break;
}

这种写法只会输出switch 1，和if...else if的逻辑一致，但和你原来的多个独立if行为不同，所以要根据实际需求选择。

总结一下：如果需要所有满足条件的代码都执行，优先用多个if或遍历；如果只需要第一个匹配的代码执行，用加了break的switch就行。

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