JavaScript变量多值比较代码简化咨询及错误写法修正

你尝试的写法if(test == 'q' || 'w' || 'e')之所以错误，是因为逻辑运算符||会依次判断每个表达式的真假：

• 第一个表达式test == 'q'会正常判断，但后面的'w'和'e'都是非空字符串，在布尔语境下会被视为true，所以不管test是什么值，这个条件都会成立，完全达不到你想要的多值比较效果。

下面是几种可行的简化方案：

方案1：使用数组的includes()方法（最常用简洁） #

let test = 'e'
if(['q', 'w', 'e'].includes(test)) console.log('TEST')

把需要比较的所有值放进数组，通过includes()方法直接判断变量是否存在于数组中，逻辑直观，代码量少。

方案2：使用Set（适合大量值的场景） #

let test = 'e'
const validValues = new Set(['q', 'w', 'e'])
if(validValues.has(test)) console.log('TEST')

Set的查找性能比数组更好（时间复杂度O(1)），如果需要比较的值数量较多，或者需要重复使用这个判断逻辑，用Set会更高效。

方案3：简化的switch语句 #

let test = 'e'
switch(test) {
  case 'q':
  case 'w':
  case 'e':
    console.log('TEST')
    break
}

通过switch的穿透特性，把多个匹配case放在一起，也能实现多值判断，不过代码量比前两种方案稍多。

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