检查一个元素是否存在于数组中

Check if an element is present in an array

本文关键字：于数组 数组 存在 元素 一个 检查 是否      更新时间：2023-09-26

我现在用来检查这一点的函数如下:

function inArray(needle,haystack)
{
    var count=haystack.length;
    for(var i=0;i<count;i++)
    {
        if(haystack[i]===needle){return true;}
    }
    return false;
}

它的工作原理。有更好的方法吗?

ECMAScript 2016为数组合并了一个includes()方法，专门解决了这个问题，因此现在是首选的方法。

[1, 2, 3].includes(2);     // true
[1, 2, 3].includes(4);     // false
[1, 2, 3].includes(1, 2);  // false (second parameter is the index position in this array at which to begin searching)

截至2018年7月，这已在几乎所有主要浏览器中实现，如果您需要支持较旧的浏览器，可以使用polyfill。

编辑:注意，如果数组中的项是对象，则返回false。这是因为类似的对象在JavaScript中是两个不同的对象。

代码: 

function isInArray(value, array) {
  return array.indexOf(value) > -1;
}
执行

: 

isInArray(1, [1,2,3]); // true

更新(2017):

在遵循ECMAScript 2016 (ES7)标准的现代浏览器中，可以使用函数Array.prototype。include，这使得检查一个元素是否存在于数组中更加容易:

const array = [1, 2, 3];
const value = 1;
const isInArray = array.includes(value);
console.log(isInArray); // true

就用indexOf:

haystack.indexOf(needle) >= 0

如果你想支持旧的ie浏览器(<IE9)，你必须包括你当前的代码作为一个解决方案。>

除非列表已排序，否则需要将每个值与指针进行比较。因此，您的解决方案和indexOf都必须平均执行n/2比较。然而，由于indexOf是一个内置方法，它可能会使用额外的优化，并且在实践中会稍微快一些。请注意，除非您的应用程序非常频繁地在列表中搜索(例如每秒1000次)或者列表非常大(例如100k个条目)，否则速度差异将无关紧要。

我在Google Chrome 52上多次对其进行基准测试，但可以随意将其复制粘贴到任何其他浏览器的控制台。

~ 1500 ms，包括(~ 2700 ms，当我使用填充)

var array = [0,1,2,3,4,5,6,7,8,9]; 
var result = 0;
var start = new Date().getTime();
for(var i = 0; i < 10000000; i++)
{
  if(array.includes("test") === true){ result++; }
}
console.log(new Date().getTime() - start);

~ 1050 ms, indexOf

var array = [0,1,2,3,4,5,6,7,8,9]; 
var result = 0;
var start = new Date().getTime();
for(var i = 0; i < 10000000; i++)
{
  if(array.indexOf("test") > -1){ result++; }
}
console.log(new Date().getTime() - start);

~ 650 ms，自定义功能

function inArray(target, array)
{
/* Caching array.length doesn't increase the performance of the for loop on V8 (and probably on most of other major engines) */
  for(var i = 0; i < array.length; i++) 
  {
    if(array[i] === target)
    {
      return true;
    }
  }
  return false; 
}
var array = [0,1,2,3,4,5,6,7,8,9]; 
var result = 0;
var start = new Date().getTime();
for(var i = 0; i < 10000000; i++)
{
  if(inArray("test", array) === true){ result++; }
}
console.log(new Date().getTime() - start);

单行代码…将返回true或false

!!(arr.indexOf("val")+1)

您可以使用indexOf，但在最新版本的internet explorer中不能正常工作。代码:

function isInArray(value, array) {
  return array.indexOf(value) > -1;
}
执行

: 

isInArray(1, [1,2,3]); // true

我建议你使用以下代码:

function inArray(needle, haystack) {
 var length = haystack.length;
 for (var i = 0; i < length; i++) {
 if (haystack[i] == needle)
  return true;
 }
 return false;
}

从ECMAScript6开始，可以使用Set:

var myArray = ['A', 'B', 'C'];
var mySet = new Set(myArray);
var hasB = mySet.has('B'); // true
var hasZ = mySet.has('Z'); // false

你可以使用underscore.js库中的_contains函数来实现:

if (_.contains(haystack, needle)) {
  console.log("Needle found.");
};

在lodash中可以使用_。Includes(也是_.contains的别名)

你可以搜索整个数组:

_.includes([1, 2, 3], 1); // true

你可以从一个起始索引开始搜索数组:

_.includes([1, 2, 3], 1, 1);  // false (begins search at index 1)

搜索字符串:

_.includes('pebbles', 'eb');  // true (string contains eb)

也可用于检查简单的对象数组:

_.includes({ 'user': 'fred', 'age': 40 }, 'fred');    // true
_.includes({ 'user': 'fred', 'age': false }, false);  // true

关于最后一种情况需要注意的一点是，它适用于字符串、数字和布尔值等原语，但不能搜索数组或对象

_.includes({ 'user': 'fred', 'age': {} }, {});   // false
_.includes({ 'user': [1,2,3], 'age': {} }, 3);   // false
相关文章：