如何在输入a或b任一为真时执行操作？及大小写匹配问题排查

问题1：如何在输入a或b任一正确/为真时执行操作？ #

这事儿很简单，直接用逻辑或运算符 || 就能搞定。举个实际的例子，假设你获取了用户输入的值，要判断它是"a"或者"b"的时候执行操作，代码可以这么写：

const userInput = document.getElementById("user_input").value;
if (userInput === "a" || userInput === "b") {
  // 这里放你要执行的操作，比如弹窗提示、修改页面元素等等
  alert("输入符合条件，执行操作！");
}

|| 的逻辑是只要任意一个条件成立（为真），整个判断就会通过，这样就能触发你想要的操作了。

问题2：处理输入大小写不匹配的问题 #

看了你贴的代码，现在的判断是严格匹配小写的"football"，所以用户输入"Football"这种首字母大写的情况自然不会触发。你说用||没成功，可能是没覆盖全所有大小写情况？其实更优雅的做法是统一转换输入的大小写，再做判断：

修改后的代码如下：

var input = document.getElementById("user_input"); 
let footballTeams = ["Manchester","Barcelona","Copenhagen"];
// 将输入值转为小写后，和小写的"football"比较
if (input.value.toLowerCase() === "football") { 
    // 用join方法拼接数组，比手动写更简洁
    alert(`These cities have football teams:\n${footballTeams.join(", ")}`);
}

这里的toLowerCase()方法会把用户输入的任何大小写形式（比如"Football"、"FOOTBALL"）都转换成小写的"football"，这样不管用户怎么输入，只要内容是football，就能匹配成功。另外我把字符串拼接改成了模板字符串，看起来更清爽，数组拼接用join(", ")也比你之前手动写每个元素要简洁得多~

如果非要用||的方式，也可以，但得把所有可能的大小写组合都列出来，比如：

if (input.value === "football" || input.value === "Football" || input.value === "FOOTBALL") {
    // 执行操作
}

但这种方法显然不够灵活，万一用户输入"FooTbAlL"这种奇怪的大小写组合就失效了，所以还是转大小写的方法更靠谱。

内容的提问来源于stack exchange，提问作者Julius Nicolet Nielsson