检查用户输入是否与变量中的多个单词匹配，如果匹配，则显示图像答案

【问题标题】：Check if user input matches any of several words in a variable, and if there is a match, show image检查用户输入是否与变量中的多个单词匹配，如果匹配，则显示图像
【发布时间】：2017-03-31 22:32:11
【问题描述】：

现在：什么有效 我在一个应用程序中有一个搜索页面，该页面主要具有语音界面，并且还有一个文本输入搜索选项（用于搜索图像）。我首先制定了语音命令并拥有所有图像并且效果很好，现在我正在添加文本配置。下面是现在有效的例子，我只用一个词作为变量进行了测试：

HTML

<div id="searchBoxPage"class="videoContainer">
  <form>
    <input type="text" name="search" placeholder="Search">
  </form>
  <img id="button1960s_002" class="hiddenElement" src="animsAll/Anims_002_Button_1960s.gif">

  <video    autoplay loop muted>
<source src="videos/music_saint_etienne_only_love_cropped_370x660.mp4" type="video/mp4">
Your browser does not support the video tag.
</video></div>

JQUERY

$( "input" )
      .keyup(function() {
        var value = $( this ).val();
        var sixties = "sixties";
      if (value === sixties) {
        $("#button1960s_002").show().delay(10000).fadeOut();
      } 
      })

问题：添加一个单词的多个变体并检查用户输入是否与其中任何一个匹配 现在我正在处理文本部分，并且刚刚意识到 不同于语音，它必须匹配 ONE 字符串或字符串组合（根据 API 规范），文本可以为一个单词提供多个选项，因为人们有时会拼错单词。我使用上面的代码完美地向我展示了一个特定的图像，但现在我想为同一个单词添加多个选项，以及可能的单词组合。

在这种情况下，这个词是“六十年代”。我创建了

的单个变量

var sixties = "sixties";

这很有效。但现在我想在下面添加这两个附加选项：

var sixties =["sixty", "sixtys", "sixties"];

这不适用于我拥有的其他代码。将这些单词添加到数组（？）中的最佳方法是什么，如果其中任何一个匹配，则显示图像？我知道我错过了“检查这些单词之间是否匹配”选项，但我不知道如何更改我已有的内容。

【问题讨论】：

标签： javascript jquery arrays variables textinput

【解决方案1】：

如果值在 Sixties 数组中，这将返回 true：

if (value.indexOf(sixties) > -1)) {
    $("#button1960s_002").show().delay(10000).fadeOut();
}

【讨论】：

【解决方案2】：

由于您使用的是 jQuery，您可以使用 $.inArray 来检查 http://api.jquery.com/jQuery.inArray/

var sixties =["sixty", "sixtys", "sixties"];
if($.inArray(value, sixties) !== false) {
    $("#button1960s_002").show().delay(10000).fadeOut();
}

【讨论】：