如何在 JavaScript/jQuery 中查找数组是否包含特定字符串？

Question

有人可以告诉我如何检测 "specialword" 是否出现在数组中？例子：

categories: [
    "specialword"
    "word1"
    "word2"
]

Answer 1

你确实不需要 jQuery 来做这个。

var myarr = ["I", "like", "turtles"];
var arraycontainsturtles = (myarr.indexOf("turtles") > -1);

提示：indexOf 返回一个数字，表示指定搜索值第一次出现的位置，如果从未出现，则返回 -1
发生

或

function arrayContains(needle, arrhaystack)
{
    return (arrhaystack.indexOf(needle) > -1);
}

值得注意的是 array.indexOf(..) 是 IE 不支持 < 9，但 jQuery 的 indexOf(...) 函数甚至适用于那些旧版本。

Answer 2

jQuery 提供 $.inArray：

请注意，inArray 返回的索引找到的元素，因此 0 表示该元素是数组中的第一个元素。 -1 表示未找到该元素。

var categoriesPresent = ['word', 'word', 'specialword', 'word'];
var categoriesNotPresent = ['word', 'word', 'word'];

var foundPresent = $.inArray('specialword', categoriesPresent) > -1;
var foundNotPresent = $.inArray('specialword', categoriesNotPresent) > -1;

console.log(foundPresent, foundNotPresent); // true false

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

---

3.5 年后编辑

$.inArray 实际上是支持它的浏览器（现在几乎所有浏览器）中 Array.prototype.indexOf 的包装器，同时在那些没有的。它本质上相当于向 Array.prototype 添加一个垫片，这是一种更惯用/JSish 的做事方式。 MDN 提供了此类代码。现在我会选择这个选项，而不是使用 jQuery 包装器。

var categoriesPresent = ['word', 'word', 'specialword', 'word'];
var categoriesNotPresent = ['word', 'word', 'word'];

var foundPresent = categoriesPresent.indexOf('specialword') > -1;
var foundNotPresent = categoriesNotPresent.indexOf('specialword') > -1;

console.log(foundPresent, foundNotPresent); // true false

---

3 年后再次编辑

_{天哪，6.5 年？！}

在现代 JavaScript 中，最好的选择是 Array.prototype.includes()：

const found = categories.includes('specialword');

没有比较，没有混淆 -1 结果。它执行我们想要的操作：返回 true 或 false。对于旧版浏览器，它是polyfillable，使用代码位于MDN。

const categoriesPresent = ['word', 'word', 'specialword', 'word'];
const categoriesNotPresent = ['word', 'word', 'word'];

const foundPresent = categoriesPresent.includes('specialword');
const foundNotPresent = categoriesNotPresent.includes('specialword');

console.log(foundPresent, foundNotPresent); // true false

Answer 3

在这里：

$.inArray('specialword', arr)

此函数返回一个正整数（给定值的数组索引），如果在数组中找不到给定值，则返回 -1 。

现场演示： http://jsfiddle.net/simevidas/5Gdfc/

您可能想使用像这样：

if ( $.inArray('specialword', arr) > -1 ) {
    // the value is in the array
}

Answer 4

我们可以使用 includes 选项（这是 js 内置函数），如果找到该值将返回 true，否则将返回 false。

如果你想要精确的索引，你可以使用indexOf（这也是js内置函数），如果找到该值，它将返回精确的索引，否则它将返回-1。

您可以使用返回布尔值的 .some 方法来切换 .includes 。
一旦找到匹配，它将立即退出，这对于大型数组的性能非常有用：

注意：全部区分大小写

var myarr = ["I", "like", "turtles"];

isVal = myarr.includes('like')
index = myarr.indexOf('like')
some = myarr.some(item => item.toLowerCase() == 'like'.toLowerCase())


console.log(isVal)
console.log(index)
console.log(some)

请检查这个。

Answer 5

您可以使用 for 循环：

var found = false;
for (var i = 0; i < categories.length && !found; i++) {
  if (categories[i] === "specialword") {
    found = true;
    break;
  }
}

Answer 6

使用现代 javascript 的 Array 方法：

Array.prototype.includes() // ES7 中引入：

• 返回布尔值

const data = {
  categories: [
    "specialword",
    "word1",
    "word2"
  ]
}

console.log("Array.prototype.includes()")
// Array.prototype.includes()
// returns boolean
console.log(data.categories.includes("specialword"))
console.log(data.categories.includes("non-exist"))

.as-console-wrapper { max-height: 100% !important; top: 0; }

Array.prototype.find() // ES6中引入：

• 返回找到的元素或未定义的元素

const data = {
  categories: [
    "specialword",
    "word1",
    "word2"
  ]
}

console.log("Array.prototype.find()")
// Array.prototype.find()
// returns the element if found
// returns undefined if not found
console.log(data.categories.find(el => el === "specialword") != undefined)
console.log(data.categories.find(el => el === "non-exist") != undefined)

.as-console-wrapper { max-height: 100% !important; top: 0; }

Answer 7

我不喜欢 $.inArray(..)，它是一种丑陋的、类似 jQuery 的解决方案，大多数理智的人都不会容忍。下面的代码片段将一个简单的 contains(str) 方法添加到您的库中：

$.fn.contains = function (target) {
  var result = null;
  $(this).each(function (index, item) {
    if (item === target) {
      result = item;
    }
  });
  return result ? result : false;
}

同样，您可以将 $.inArray 包装在扩展中：

$.fn.contains = function (target) {
  return ($.inArray(target, this) > -1);
}