如何使用 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');
   }

   1. 如果一个开关在每种情况下都有中断，它会运行一个通过测试的情况。

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，但不能替换一系列独立的ifs，可以匹配多个。

有没有比多个 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");
  }
};

---

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