JavaScript中与PHP的in_array()函数相当的函数是什么？

Question

在 JavaScript 中，有一种方式可以比较一个数组中的值，并查看它是否在另一个数组中。

类似于 PHP 的 in_array 函数吗？

- roflwaffle

---

请先阅读此回答：https://dev59.com/73RA5IYBdhLWcg3w6SRH 简而言之，var a = [1, 2, 3]; a.includes(2); // true 的意思是检查数字 2 是否在数组 [1, 2, 3] 中，如果是则返回 true。 - WEBjuju

Answer 1

没有，因此大多数流行的库都在其实用程序包中附带一个。请查看jQuery的inArray和Prototype的Array.indexOf以获取示例。

jQuery的实现就像你预期的那样简单：

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

如果你处理的数组元素数量不多，上述方法可以很好地解决问题。

编辑：哎呀，我甚至没有注意到你想知道一个数组是否在另一个数组中。根据PHP文档，这是PHP的in_array的预期行为：

$a = array(array('p', 'h'), array('p', 'r'), 'o');

if (in_array(array('p', 'h'), $a)) {
    echo "'ph' was found\n";
}

if (in_array(array('f', 'i'), $a)) {
    echo "'fi' was found\n";
}

if (in_array('o', $a)) {
    echo "'o' was found\n";
}

// Output:
//  'ph' was found
//  'o' was found

克里斯和亚历克斯发布的代码不遵循这种行为。亚历克斯的是Prototype的indexOf的官方版本，而克里斯的更像PHP的array_intersect。这就是你想要的：

function arrayCompare(a1, a2) {
    if (a1.length != a2.length) return false;
    var length = a2.length;
    for (var i = 0; i < length; i++) {
        if (a1[i] !== a2[i]) return false;
    }
    return true;
}

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

我来测试一下上面的内容：

var a = [['p','h'],['p','r'],'o'];
if(inArray(['p','h'], a)) {
    alert('ph was found');
}
if(inArray(['f','i'], a)) {
    alert('fi was found');
}
if(inArray('o', a)) {
    alert('o was found');
}  
// Results:
//   alerts 'ph' was found
//   alerts 'o' was found

请注意，我故意没有扩展Array原型，因为通常这样做是不好的。

- Paolo Bergantino

---

jQuery.inArray() 不返回布尔值。它返回找到的元素的索引，如果未找到则返回-1。 - Brad Kent

由于高评分，您应将您的答案标记为过时。 - ESP32

这是 indexOf 的文档 http://www.w3schools.com/jsref/jsref_indexof_array.asp - yussan

是的，这个答案已经过时了，正确的答案在下面。 - Edmund Sulzanok

Answer 2

现在有了Array.prototype.includes方法：

includes() 方法用于判断一个数组是否包含一个指定的值，如果是返回 true，否则false。

var a = [1, 2, 3];
a.includes(2); // true 
a.includes(4); // false

语法

arr.includes(searchElement)
arr.includes(searchElement, fromIndex)

- alemjerus

---

提醒：这在IE11（或任何其他版本的Internet Explorer）中无效。对于仍需要支持的罕见情况。 - Robin93K

在MDN函数页面中存在一个polyfill，但仅在葡萄牙语版本中：https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Global_Objects/Array/includes - Gustavo

Answer 3

Array.indexOf 是在 JavaScript 1.6 中引入的，但不被旧版浏览器所支持。幸好 Mozilla 的开发人员已经为您做了所有的艰苦工作，并且为您提供了此兼容性解决方案：

if (!Array.prototype.indexOf)
{
  Array.prototype.indexOf = function(elt /*, from*/)
  {
    var len = this.length >>> 0;

    var from = Number(arguments[1]) || 0;
    from = (from < 0)
         ? Math.ceil(from)
         : Math.floor(from);
    if (from < 0)
      from += len;

    for (; from < len; from++)
    {
      if (from in this &&
          this[from] === elt)
        return from;
    }
    return -1;
  };
}

甚至有一些方便的使用代码片段供你的脚本使用。

- Alex Barrett

---

这是一个更好、更安全的实现方式，与已发布的链接/代码相比；规范并没有要求检查干草堆内部的数组，而这正是 OP 想要的。 - Paolo Bergantino

顺便问一下，this.length >>> 0 的目的是什么？这是将其转换为数字类型吗？ - harto

Array.indexOf现在已经被ECMAScript第五版标准化，因此应该被认为是正确的“本地”方法。尽管如此，您仍需要嗅探并为旧的浏览器提供这个备用方法很长一段时间。@harto: 是的，它将 this.length 转换为一个可以表示为32位无符号整数的数字。本地的 Array 只能具有已经符合此规定的长度，但是规范说明您可以在不是 Array 的本地JS对象上调用 Array.prototype 方法。这和其他严谨的参数检查内容都是为了保证绝对符合规范。 - bobince

有一种不同的 polyfill 版本可以直接从 Mozilla 获取 - https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/indexOf - Algy Taylor

@harto 我在你的评论8年后回答，但也许其他人会有同样的问题 => 请参见https://dev59.com/MXI-5IYBdhLWcg3wf4hD - Maxime Pacary

Answer 4

PHP方式：

if (in_array('a', ['a', 'b', 'c'])) {
   // do something if true
}

我的JavaScript解决方案：

if (['a', 'b', 'c'].includes('a')) {
   // do something if true
}

- fsevenm

Answer 5

你可以直接使用在 w3schools的这个教程 中所解释的 "includes" 函数。

let myArray = ['Kevin', 'Bob', 'Stuart'];
if( myArray.includes('Kevin'))
console.log('Kevin is here');

- AbdulRhman Khallil

Answer 6

如果索引不是按顺序排列的，或者索引不是连续的，那么在这里列出的其他解决方案中的代码将会出现错误。一个效果可能更好的解决方案可能是:

function in_array(needle, haystack) {
    for(var i in haystack) {
        if(haystack[i] == needle) return true;
    }
    return false;
}

另外作为奖励，这里是与PHP的array_search相当的函数（用于在数组中查找元素的键）：

function array_search(needle, haystack) {
    for(var i in haystack) {
        if(haystack[i] == needle) return i;
    }
    return false;
}

- random_user_name

---

很好的替代品。真的让从 PHP 到 Node 的移植变得轻松。谢谢。 - Rahim Khoja

Answer 7

有一个名为 Locutus 的项目，它在 Javascript 中实现了 PHP 函数，其中包括 in_array()，您可以像在 PHP 中一样使用它。

使用示例：

in_array('van', myArray);

in_array(1, otherArray, true); // Forcing strict type

- Marcio Mazzucato

---

jQuery的API中也有一个名为inArray的函数。请查看http://api.jquery.com/jQuery.inArray/。 - ahPo

@ahPo，不错！但是Locutus实现具有纯JavaScript且无依赖项的优势。因此，请根据您的需求选择最佳选项。 - Marcio Mazzucato

你可以从Locutus导入所需的函数，链接为：http://locutus.io/php/array/in_array/。 - Niket Pathak

Answer 8

jQuery提供了解决方案，可以在此处查看文档： http://api.jquery.com/jquery.inarray/

$.inArray( 10, [ 8, 9, 10, 11 ] );

- Arsen K.

---

请注意检查代码，确保像这样：if($.inArray( 10, [ 8, 9, 10, 11 ] ) > -1)，因为我之前写的是这样的：if($.inArray( 10, [ 8, 9, 10, 11 ] ))，结果总是返回 true。 - temirbek

请注意类型匹配，否则会出现错误！例如：$.inArray( '10', [ 8, 9, 10, 11 ] ); 将返回 -1。 - Oliver M Grech

Answer 9

var a = [1,2,3,4,5,6,7,8,9];

var isSixInArray = a.filter(function(item){return item==6}).length ? true : false;

var isSixInArray = a.indexOf(6)>=0;

- Rax Wunter

Answer 10

有一个等效的函数：

includes()

看这里：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/includes。这是关于 JavaScript 中 includes 方法的文档。

- Jacek Dziurdzikowski

---

小心使用那个函数，当前它没有完整的浏览器支持。 - Radon8472