如何使用switch而不是多个if语句？

Question

我想知道是否可以将多个if语句重写到switch 。

问题是switch在运行：

1. 案件通过检查后的所有代码。 这就是case语句在第一个case之后运行所有代码的原因。

    let arr = [1, 3]; if( arr.includes(1) === true ) { console.log('if 1'); } if( arr.includes(2) === true) { console.log('if 2'); } if( arr.includes(3) === true) { console.log('if 3'); } switch( true ){ case arr.includes(1): console.log('switch 1'); case arr.includes(2): console.log('switch 2'); case arr.includes(3): console.log('switch 3'); } 

   2. 如果交换机在每种情况下都发生故障，则它将运行一个案例，并通过测试。

 let arr = [1, 3]; if( arr.includes(1) === true ) { console.log('if 1'); } if( arr.includes(2) === true) { console.log('if 2'); } if( arr.includes(3) === true) { console.log('if 3'); } switch( true ){ case arr.includes(1): console.log('switch 1'); break; case arr.includes(2): console.log('switch 2'); break; case arr.includes(3): console.log('switch 3'); break; } 

所以问题是： 如何将多个if语句重写为单个switch语句？

如果不能： 是否有比if语句更优雅的语法，这显然使我进行了类似的比较？

Answer 1

如何将多个if语句重写为单个switch语句？

如果要匹配多个案例，则无法合理地进行。 switch可以替换if / else ，但是不能替换一系列独立的if ，其中多个可以匹配。

除了多重if语句之外，还有没有更优雅的语法，这显然使我进行了类似的比较？

这里的答案往往是特定于您正在编写的代码。 几个选择为您：

参数化为函数

只要您有重复执行相同操作的代码，就对其进行参数化并将其放入函数中，然后使用参数重复调用该函数。

function doTheThing(value) {
  if (arr.includes(value)) {
    console.log('xyz ' + value);
  }
}

例如，在您的示例中：

 function doTheThing(value) { if (arr.includes(value)) { console.log('xyz ' + value); } } let arr = [1, 3]; doTheThing(1); doTheThing(2); doTheThing(3); 

要么

 let arr = [1, 3]; [1, 2, 3].forEach(value => { if (arr.includes(value)) { console.log("xyz " + value); } }); 

或结合这些：

 function doTheThing(value) { if (arr.includes(value)) { console.log('xyz ' + value); } } let arr = [1, 3]; [1, 2, 3].forEach(doTheThing); 

具有动作作为功能的查找表

如果您做不同的事情，一种常见的做法是拥有一个价值对行动的查询表，例如：

 const actionsByValue = { 1() { console.log("This is the thing for #1"); }, 2() { console.log("This is something else for #2"); }, 3() { console.log("Different logic again for #3"); } }; const nop = () => { }; let arr = [1, 3]; arr.forEach(value => { (actionsByValue[value] || nop)(value); }); 

1() { }表示法可能看起来很奇怪，因为您不会经常看到带有带有数字名称的属性的方法表示法，但这是完全有效的。 在不支持方法表示法的旧环境中：

const actionsByValue = {
  1: function() {
    console.log("This is the thing for #1");
  },
  2: function() {
    console.log("This is something else for #2");
  },
  3: function() {
    console.log("Different logic again for #3");
  }
};

---

旁注： Array#includes不需要=== true 。 它总是返回一个布尔值。