你如何检查一个变量是否是 JavaScript 中的数组?

IT技术 javascript arrays variables
2021-01-15 17:01:30

我想检查一个变量是数组还是 JavaScript 中的单个值。

我找到了一个可能的解决方案......

if (variable.constructor == Array)...

这是最好的方法吗?

6个回答

有几种方法可以检查变量是否为数组。最佳解决方案是您选择的解决方案。

variable.constructor === Array

这是 Chrome 上最快的方法,很可能是所有其他浏览器。所有数组都是对象,因此检查构造函数属性对于 JavaScript 引擎来说是一个快速的过程。

如果在确定对象属性是否为数组时遇到问题,则必须首先检查该属性是否存在。

variable.prop && variable.prop.constructor === Array

其他一些方法是:

Array.isArray(variable)

2019 年 5 月 23 日使用 Chrome 75 更新,向 @AnduAndrici 大声喊叫,让我用他的问题重新审视这个问题 在我看来,最后一个是最丑的,也是最慢的最快之一。以第一个示例的速度运行约 1/5。这家伙慢了大约 2-5%,但很难说。用起来很扎实!对结果印象深刻。Array.prototype,其实就是一个数组。你可以在这里阅读更多关于它的信息https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/isArray

variable instanceof Array

该方法的运行速度约为第一个示例的1/3如果您只关注漂亮的代码而不是性能,那么仍然非常可靠,看起来更干净。请注意,检查数字并不像variable instanceof Number往常一样返回false更新:instanceof现在速度提高了 2/3!

所以又一次更新

Object.prototype.toString.call(variable) === '[object Array]';

这个家伙是尝试检查数组最慢的。然而,这是您正在寻找的任何类型的一站式商店。但是,由于您正在寻找一个数组,只需使用上面最快的方法。

另外,我进行了一些测试:http : //jsperf.com/instanceof-array-vs-array-isarray/35所以玩得开心并检查一下。

注意:@EscapeNetscape 在 jsperf.com 关闭时创建了另一个测试。http://jsben.ch/#/QgYAV我想确保在 jsperf 重新上线时保留原始链接。

为了扩展给定的答案,这里使用功能测试(.push && .pop)进行另一个jsperf 测试,这是最快的并且在所有浏览器(甚至旧浏览器)中都受支持。问题在于,对象可能具有“push”和“pop”属性而不是数组。还要注意,在测试时,如果是阵列与来自另一帧创建(或通过)一个对象,大多数测试将失败(由于阵列中给出窗口比不同阵列在帧窗口)。如果数组是通过 new Array 或字面意义构造为 [..]
2021-03-15 17:01:30
请注意,如果您不确定变量是否已定义或是否可以为 null,请务必先进行这些检查,因为这些是没有构造函数的公共值/对象。
2021-03-21 17:01:30
注意:如果变量为空,'variable.constructor === Array' 将抛出异常,但 'variable instanceof Array' 不是!
2021-04-05 17:01:30
variable.constructor 仅用于检查实际数组更快。在检查随机对象时(在现实世界中就是这种情况,因为这就是您使用此函数的原因),使用 instanceof 会更快。jsperf.com/check-if-variable-is-array
2021-04-07 17:01:30
从 Chrome 59 开始,isArray() 似乎要快得多,所以我认为没有理由在所有情况下都不使用 isArray()。
2021-04-07 17:01:30

您还可以使用:

if (value instanceof Array) {
  alert('value is Array!');
} else {
  alert('Not an array');
}

在我看来,这似乎是一个非常优雅的解决方案,但对每个人来说都是如此。

编辑:

从 ES5 开始,现在还有:

Array.isArray(value);

但这会在旧浏览器上中断,除非您使用 polyfills(基本上...IE8 或类似的)。

我建议,如果您不使用多个框架,实际上坚持使用这个“instanceof”运算符。这是检查对象类型的正确方法。
2021-03-19 17:01:30
@AndrewK 看到Fela Winkelmolen 的回答,其中有 Array.isArray 方法。至于这个答案,通过编辑将答案转变为不同的答案可能不是一个好主意。
2021-03-27 17:01:30
@BrettBender 如果您仍然活跃,您是否可以更新您的答案以反映从 ES5 开始我们有 Array.isArray?
2021-03-30 17:01:30
这将失败的一种情况是,如果您尝试从Array instanceof Object == true.
2021-04-08 17:01:30
如果您使用 jQuery 传递带有 find('code') 或类似内容的元素,您将需要检查变量,variable instanceof Object因为它不是数组的实例。
2021-04-08 17:01:30

有多种解决方案都有自己的怪癖。此页面提供了一个很好的概述。一种可能的解决方案是:

function isArray(o) {
  return Object.prototype.toString.call(o) === '[object Array]'; 
}
因此给出了链接,以便 Brett 可以检查它们并查看在哪种情况下他的功能必须工作
2021-03-13 17:01:30
请看我下面的回答。我推荐 Peter Smit 的方式。
2021-03-15 17:01:30
这种方法是Mozilla 推荐的
2021-03-22 17:01:30
如果你仔细阅读,它说当你处理多帧文档时需要这种方法,不推荐。这个方法可以很容易地在“toString”函数中稍作改动。
2021-04-01 17:01:30

我注意到有人提到了 jQuery,但我不知道有一个isArray()函数。原来它是在 1.3 版中添加的。

jQuery 按照 Peter 的建议实现了它:

isArray: function( obj ) {
    return toString.call(obj) === "[object Array]";
},

已经对 jQuery 充满信心(尤其是他们的跨浏览器兼容性技术)我要么升级到 1.3 版并使用他们的功能(前提是升级不会引起太多问题)或直接在我的代码。

非常感谢您的建议。

这给了我 IE10 中的错误 SCRIPT65535。
2021-03-11 17:01:30
有关主题的良好讨论,请参阅本文结论是使用这个解决方案。
2021-03-16 17:01:30

在现代浏览器(和一些旧浏览器)中,您可以这样做

Array.isArray(obj)

Chrome 5、Firefox 4.0、IE 9、Opera 10.5 和 Safari 5 支持)

如果需要支持老版本的IE,可以使用es5-shim polyfill Array.isArray;或添加以下内容

# only implement if no native implementation is available
if (typeof Array.isArray === 'undefined') {
  Array.isArray = function(obj) {
    return Object.prototype.toString.call(obj) === '[object Array]';
  }
};

如果您使用 jQuery,您可以使用jQuery.isArray(obj)$.isArray(obj)如果您使用下划线,您可以使用_.isArray(obj)

如果您不需要检测在不同帧中创建的数组,您也可以使用 instanceof

obj instanceof Array

注意arguments可用于访问函数参数关键字不是数组,即使它(通常)表现得像一个:

var func = function() {
  console.log(arguments)        // [1, 2, 3]
  console.log(arguments.length) // 3
  console.log(Array.isArray(arguments)) // false !!!
  console.log(arguments.slice)  // undefined (Array.prototype methods not available)
  console.log([3,4,5].slice)    // function slice() { [native code] } 
}
func(1, 2, 3)

这可能是最好的最现代的方法。我已经在 MDN 上看到它和 polyfill,这意味着 Mozilla 信任它developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/...
2021-03-22 17:01:30
你不是失踪了prototype吗?好像应该是Object.prototype.toString.call
2021-04-01 17:01:30