如何查找数组中是否包含特定的字符串？[重复]

在前端开发中，我们经常需要在一个数组中查找是否包含某个特定的字符串。本文将介绍一些方法来实现这个功能，并分析它们的优缺点以及如何选择最适合你的情况。

方法一：使用 Array.prototype.indexOf()

Array.prototype.indexOf() 方法可以返回一个指定元素在数组中第一次出现的位置。如果找不到该元素，则返回 -1。我们可以利用这个方法来判断数组中是否包含特定的字符串：

const arr = ['foo', 'bar', 'baz'];
const str = 'bar';
if (arr.indexOf(str) !== -1) {
  console.log(`${str} found in array`);
} else {
  console.log(`${str} not found in array`);
}

优点：这种方法简单易懂，而且 indexOf() 方法是内置于 JavaScript 的原生方法。

缺点：这种方法只能检查数组中是否存在该元素，但无法检查该元素是否是字符串类型。

方法二：使用 Array.prototype.includes()

Array.prototype.includes() 方法可以检查一个数组中是否包含某个特定的元素。与 indexOf() 方法不同，includes() 方法可以直接检查元素值，而不必考虑其位置：

const arr = ['foo', 'bar', 'baz'];
const str = 'bar';
if (arr.includes(str)) {
  console.log(`${str} found in array`);
} else {
  console.log(`${str} not found in array`);
}

优点：这种方法比 indexOf() 更简洁，更直观。

缺点：与 indexOf() 同样的，includes() 方法也无法检查特定元素的数据类型。

方法三：使用 Array.prototype.find()

Array.prototype.find() 方法可以返回一个满足测试函数的第一个数组元素的值。测试函数会接收三个参数：数组元素，元素索引，以及数组本身。我们可以利用这个方法来判断是否有一个元素等于某个特定字符串：

const arr = ['foo', 'bar', 'baz'];
const str = 'bar';
const found = arr.find((element) => element === str);
if (found) {
  console.log(`${str} found in array`);
} else {
  console.log(`${str} not found in array`);
}

优点：这种方法可以针对元素进行更复杂的测试，并且可以返回符合要求的元素本身。

缺点：这种方法需要传入一个测试函数，因此代码可能会比前两种方法更冗长一些。

总结

以上是三种常见的在 JavaScript 中检查数组中是否包含特定字符串的方法。每种方法都有其优缺点，根据实际情况选择最适合的方法才是最明智的选择。另外，需要注意的是，在使用indexOf()或includes()方法时，只能判断是否存在该元素，而不能判断其数据类型，因为这两种方法不区分数据类型。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/8342