JavaScript 相当于 PHP 的 in_array()

IT技术 php javascript phpjs
2021-02-09 05:40:30

JavaScript 中有没有办法比较一个数组中的值,看看它是否在另一个数组中?

类似于PHP的in_array功能?

6个回答

不,它没有。出于这个原因,大多数流行的库都在其实用程序包中提供了一个。查看 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;
}

如果您正在处理数量合理的数组元素,则上述方法可以很好地解决问题。

编辑:oop。我什至没有注意到您想查看一个数组是否在另一个数组中。根据 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

Chris 和 Alex 发布的代码没有遵循这种行为。Alex 的是 Prototype 的 indexOf 的官方版本,而 Chris 的更像是 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 原型,因为这样做通常是个坏主意。

jQuery.inArray()没有返回boolean变量。它返回找到的元素的索引,如果没有找到则返回 -1
2021-03-14 05:40:30
是的,这个答案已经过时,正确答案如下
2021-03-16 05:40:30
2021-03-21 05:40:30
由于评分高 - 您应该将您的答案标记为过时
2021-04-08 05:40:30

现在有Array.prototype.includes

include() 方法确定数组是否包含某个元素,并根据需要返回 true 或 false。

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

句法

arr.includes(searchElement)
arr.includes(searchElement, fromIndex)
在 MDN 功能页面中有一个 polyfill,但只有葡萄牙语版本:developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/...
2021-03-20 05:40:30
提醒:这在 IE11(或任何其他版本的 Internet Explorer)中不起作用。对于极少数情况,仍然需要支持。
2021-03-22 05:40:30

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;
  };
}

甚至还有一些方便的使用片段,可以让您轻松愉快地编写脚本。

顺便说一句,目的是this.length >>> 0什么?那是向 Number 类型的转换吗?
2021-03-23 05:40:30
Mozilla 直接提供了不同的 polyfill 版本 - developer.mozilla.org/en/docs/Web/JavaScript/Reference/...
2021-03-24 05:40:30
Array.indexOf现在由 ECMAScript 第五版标准化,因此应该被视为正确的“本地”方式。但是,您仍然需要长时间嗅探并为旧浏览器提供此备份。@harto:是的,它转换this.length为可以表示为 32 位无符号整数的数字。本机Array只能具有已经符合此要求的长度,但规范指出您可以Array.prototype在不符合Array. 这个和其他迂腐的参数检查是为了保证绝对的规范合规性。
2021-04-01 05:40:30
@harto 我在您发表评论 8 年后才回答,但也许其他人可能有同样的问题 => 参见stackoverflow.com/questions/1822350/...
2021-04-08 05:40:30
这是这里发布的链接/代码的更好/更安全/更好的实现;规范不要求检查 haystack 内的数组,这就是 OP 想要的。
2021-04-10 05:40:30

PHP方式:

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

我在 JS 中的解决方案:

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

如果索引不按顺序,或者如果索引不连续,这里列出的其他解决方案中的代码将中断。一个效果更好的解决方案可能是:

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;
}
不错的替代品下降。真正使从 php 移植到 node 变得容易。谢谢
2021-03-13 05:40:30