javascript - 只要使用 JavaScript 的项目尚不存在于数组中，就推送到数组

Question

我已经准备了很多关于此的帖子，但他们似乎都没有帮助我解决我的问题，或者我不明白他们的答案如何将其转换为我的脚本。我想从输入将一个项目添加到数组中，只要该项目尚不存在于数组中即可。请提供任何帮助，我们将不胜感激。

我想我需要使用 for 循环，然后将新项目与数组中的现有项目进行比较，以检查该项目是否已存在。

    var Fruit = ['apple', 'bannanna', 'rasberry', 'watermelon', 'grape', 'orange'];

    $('#addFruit').on('click', function(e) {
      e.preventDefault();
      var val = $('#fruitAdd').val();
      Fruit.unshift(val);
      console.log(Fruit);
    });

HTML
   <form>
    <div class="form-group">
      <input type="text" id="fruitAdd" class="form-control" placeholder="Search">
    </div>
    <button type="submit" id="addFruit" class="btn btn-default search">Submit</button>
   </form>

Answer 1

您可以通过检查索引来检查数组中是否存在某个项目:

var fruit = ['apple', 'banana'];
if (fruit.indexOf('cherry') === -1) {
    console.log('No cherries here');
}

因此，使用它，您可以编写如下内容:

var val = $('#fruitAdd').val();
if (Fruit.indexOf(val) === -1) {
    Fruit.push(val);
}