从单词列表中删除用户选择的单词

时间:2016-08-02 18:51:38

标签: javascript input

我希望有一个输入区域,用户可以指定一个单词或字符串列表(例如" www。"," .com",& #34;随机Word")将从用户提交的单词列表中过滤掉。我已经看过使用.map和.replace,但我不确定如何使用某人提交的输入。

感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

以下内容将在data数组中搜索文本字段(searchTerm)中的每个单词。它目前正在将该术语与空间分开,但您可以轻松地将其更改为逗号或任何其他数量的分割方式,包括使用正则表达式来允许多个单词搜索术语(即"随机字&#34)。搜索词中的任何内容都将从数组中过滤到result变量中。搜索区分大小写(也很容易更改)。



var data = [ 'Hello', 'World' ];

function buttonClicked() {
    var element;
    element = document.getElementById('searchTerm');
    var searchTerms = element.value.split(' ');
    var result = data.filter(
        e => -1 == searchTerms.indexOf(e)
    );
    console.log(result);
}

function init() {
    var element;
    element = document.getElementById('button');
    element.addEventListener('click',buttonClicked,false);
}

window.addEventListener('DOMContentLoaded', init, false);

<body>
  <form>
    <input id='searchTerm' type='text'>
    <input id='button' type='button'>
  </form>
</body>
&#13;
&#13;
&#13;