JavaScript中如何判断条件是否等于数组中的任意值

嘿，你的思路特别棒！把多个判断值存入数组再做校验，确实能让代码摆脱一堆||的臃肿感，还能大幅提升后续的可维护性。我结合你的代码片段给你调整一下：

原代码的典型场景（推测） #

你原来的逻辑大概是类似这样的：

function Submit() {
  var input = document.getElementById("userInput").value;
  // 一堆||拼接的冗长判断
  if(input === "apple" || input === "banana" || input === "orange" || input === "grape"){
    // 执行符合条件的逻辑
    console.log("输入的是有效水果");
  } else {
    console.log("输入的不是指定水果");
  }
}

优化后的代码 #

我们可以把所有需要匹配的值统一放进一个数组，然后用Array.prototype.includes()快速判断输入是否在有效范围内：

function Submit() {
  var input = document.getElementById("userInput").value;
  // 把所有需要判断的取值集中存放在数组里
  const validFruits = ["apple", "banana", "orange", "grape"];
  
  // 用includes直接校验输入是否在有效列表中
  if(validFruits.includes(input)){
    console.log("输入的是有效水果");
    // 这里写入你的业务逻辑
  } else {
    console.log("输入的不是指定水果");
  }
}

额外补充说明 #

• 如果需要兼容IE这类老旧浏览器，includes()可能不支持，这时候可以用validFruits.indexOf(input) !== -1来替代，功能完全一致。
• 后续要新增或修改判断值时，只需要调整validFruits数组就行，不用再去修改if里的条件语句，维护起来省心太多！

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