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

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

if (variable.constructor == Array)
1151773 次浏览
小开

您也可以使用：

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

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

编辑：

从ES5开始，现在还有：

Array.isArray(value);

但这将打破旧的浏览器，除非你使用的是Poly的（基本上… IE8或类似）。

小开

ViaCrockford：

function typeOf(value) {var s = typeof value;if (s === 'object') {if (value) {if (value instanceof Array) {s = 'array';}} else {s = 'null';}}return s;}

Crockford提到的主要失败是无法正确确定在不同上下文中创建的数组，例如window。该页面有一个更复杂的版本，如果这是不够的。

小开

有多种解决方案都有自己的怪癖。本页面给出了一个很好的概述。一个可能的解决方案是：

function isArray(o) {return Object.prototype.toString.call(o) === '[object Array]';}
小开

我注意到有人提到了jQuery，但我不知道有#0功能。原来它是在1.3版中添加的。

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

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

已经对jQuery有了很大的信心（尤其是他们的跨浏览器兼容性技术），我要么升级到1.3版并使用他们的功能（前提是升级不会导致太多问题），要么直接在我的代码中使用这个建议的方法。

非常感谢您的建议。

小开

来自https://github.com/miksago/Evan.js/blob/master/src/evan.js的代码

  var isArray = Array.isArray || function(obj) {return !!(obj && obj.concat && obj.unshift && !obj.callee);};
小开

当我发布这个问题时，我使用的JQuery版本没有包含isArray函数。如果有，我可能只是使用它，相信该实现是执行此特定类型检查的最佳浏览器独立方式。

由于JQuery现在确实提供了这个功能，所以我会一直使用它…

$.isArray(obj);

（从版本1.6.2开始）它仍然使用以下形式的字符串比较来实现 

toString.call(obj) === "[object Array]"
小开

这是一个老问题，但有同样的问题，我发现了一个非常优雅的解决方案，我想分享。

将原型添加到Array使其变得非常简单

Array.prototype.isArray = true;

现在，如果您有一个要测试的对象，看看它是否是一个数组，您所需要的就是检查新属性

var box = doSomething();
if (box.isArray) {// do something}

isArray仅在其为数组时可用

小开

我个人喜欢Peter的建议：https://stackoverflow.com/a/767499/414784（对于ECMAScript 3。对于ECMAScript 5，使用Array.isArray()）

然而，帖子上的评论表明，如果toString()根本没有改变，这种检查数组的方式将失败。如果你真的想具体说明并确保toString()没有被改变，并且对象的class属性没有问题（[object Array]是数组对象的class属性），那么我建议这样做：

//see if toString returns proper class attributes of objects that are arrays//returns -1 if it fails test//returns true if it passes test and it's an array//returns false if it passes test and it's not an arrayfunction is_array(o){// make sure an array has a class attribute of [object Array]var check_class = Object.prototype.toString.call([]);if(check_class === '[object Array]'){// test passed, now checkreturn Object.prototype.toString.call(o) === '[object Array]';}else{// may want to change return value to something more desirablereturn -1;}}

请注意，在JavaScript定义指南第6版7.10中，它说Array.isArray()是在ECMAScript 5中使用Object.prototype.toString.call()实现的。还要注意，如果你要担心toString()的实现发生变化，你也应该担心其他内置方法也发生变化。为什么使用push()？有人可以改变它！这种方法是愚蠢的。上面的检查是为那些担心toString()变化的人提供的解决方案，但我相信检查是不必要的。

小开

我想我会为那些可能已经在脚本中使用Underscore.js库的人添加另一个选项。Underscore.js有一个isArray（）函数（参见http://underscorejs.org/#isArray）。

_.isArray(object)

如果对象是数组，则返回true。

小开

我使用了这行代码：

if (variable.push) {// variable is array, since AMAIK only arrays have push() method.}
小开

我喜欢Brian的回答：

function is_array(o){// make sure an array has a class attribute of [object Array]var check_class = Object.prototype.toString.call([]);if(check_class === '[object Array]')    {// test passed, now checkreturn Object.prototype.toString.call(o) === '[object Array]';} else{// may want to change return value to something more desirablereturn -1;}}

但你可以这样做：

return Object.prototype.toString.call(o) === Object.prototype.toString.call([]);
小开

如果您只处理EcmaScript 5及更高版本，那么您可以使用内置的Array.isArray函数

例如，

Array.isArray([])    // trueArray.isArray("foo") // falseArray.isArray({})    // false
小开

对于那些编码高尔夫的人来说，用最少的字符进行不可靠的测试：

function isArray(a) {return a.map;}

这通常用于遍历/扁平化层次结构时：

function golf(a) {return a.map?[].concat.apply([],a.map(golf)):a;}
input: [1,2,[3,4,[5],6],[7,[8,[9]]]]output: [1, 2, 3, 4, 5, 6, 7, 8, 9]
小开

在Crockford的JavaScript好的部分中，有一个函数可以检查给定的参数是否是数组：

var is_array = function (value) {return value &&typeof value === 'object' &&typeof value.length === 'number' &&typeof value.splice === 'function' &&!(value.propertyIsEnumerable('length'));};

他解释说：

首先，我们询问值是否为true。我们这样做是为了拒绝null和其他假值。其次，我们询问typeof值是否为“对象”。对于对象、数组和（奇怪的）null来说，这将是真的。第三，我们询问值是否具有数字的长度属性。对于数组来说，这总是正确的，但通常不适用于对象。第四，我们询问值是否包含拼接方法。这同样适用于所有数组。最后，我们询问长度属性是否可枚举（长度是否由for in循环产生？）。这对所有数组来说都是假的。这是我发现的最可靠的阵列性测试。不幸的是，它是如此复杂。

小开

在现代浏览器（和一些传统浏览器）中，您可以

Array.isArray(obj)

（支持Chrome5、Firefox 4.0、IE 9、Opera 10.5和Safari5）

如果您需要支持旧版本的IE，您可以使用es5-shim来Array.is阵列；或添加以下内容

# only implement if no native implementation is availableif (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) // 3console.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)

小开

由于. long属性对于javascript中的数组是特殊的，因此您可以简单地说

obj.length === +obj.length // true if obj is an array

UnderScorejs和其他几个库使用这个简短而简单的技巧。

小开

如果使用Angular，可以使用angular.isArray（）函数

var myArray = [];angular.isArray(myArray); // returns true
var myObj = {};angular.isArray(myObj); //returns false

http://docs.angularjs.org/api/ng/function/angular.isArray

小开

我创建了这段代码，它可以返回真类型。

我还不确定性能，但这是一种正确识别类型的尝试。

https://github.com/valtido/better-typeOf也在这里写了一点关于它的博客http://www.jqui.net/jquery/better-typeof-than-the-javascript-native-typeof/

它的工作原理，类似于当前的类型。

var user = [1,2,3]typeOf(user); //[object Array]

它认为它可能需要一些微调，并考虑到事情，我还没有遇到或测试它，所以欢迎进一步的改进，无论是性能明智的，还是不正确的重新移植类型。

小开

我认为使用myObj.constructor==Object和myArray.constructor==Array是最好的方法。它几乎比使用toString（）快20倍。如果你用自己的构造函数扩展对象并希望这些创作也被视为“对象”，那么这是行不通的，但除此之外它的方式更快。typeof和构造函数方法一样快，但typeof[]=='对象'返回true，这通常是不可取的。http://jsperf.com/constructor-vs-tostring

需要注意的一点是，null.constructor会抛出一个错误，所以如果你可能要检查空值，你必须先做if（testThing！==null）{}

小开
最佳答案

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

variable.constructor === Array

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

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

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

其他一些方法是：

Array.isArray(variable)

更新2019年5月23日使用Chrome75，大声喊出@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。更新：#2现在去2/3的速度！

又一次更新

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

这个家伙是试图检查数组最慢的。然而，这是你要寻找的任何类型的一站式。然而，由于你要寻找一个数组，只需使用上面最快的方法。

此外，我做了一些测试：http://jsperf.com/instanceof-array-vs-array-isarray/35所以玩得开心，看看吧。

注意：@Escape Netscape已经创建了另一个测试，因为jsperf.com已关闭。http://jsben.ch/#/QgYAV我想确保原始链接保留在jspef重新上线的任何时候。

小开

通用解决方案如下：

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

从ECMAScript 5开始，一个正式的解决方案是：

Array.isArray(arr)

此外，对于旧的JavaScript库，您可以找到以下解决方案，尽管它不够准确：

var is_array = function (value) {return value &&typeof value === 'object' &&typeof value.length === 'number' &&typeof value.splice === 'function' &&!(value.propertyIsEnumerable('length'));};

解决方案来自http://www.pixelstech.net/topic/85-How-to-check-whether-an-object-is-an-array-or-not-in-JavaScript

小开

我刚刚想到的东西：

if（item.length）//这是一个数组否则//不是数组

小开

从w3学校：

function isArray(myArray) {return myArray.constructor.toString().indexOf("Array") > -1;}
小开

我尝试了这里的大部分解决方案。但是没有一个有效。然后我想出了一个简单的解决方案。希望它能帮助某人并节省他们的时间。

if(variable.constructor != undefined && variable.constructor.length > 0) {/// IT IS AN ARRAY} else {/// IT IS NOT AN ARRAY}

提交答案