Question

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

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

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

这是最好的办法吗？

Answer 1

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

variable.constructor === Array

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

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

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

其他一些方法是：

Array.isArray(variable)

使用Chrome 75更新于2019年5月23日，向@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重新上线，原始链接就会保留。

Answer 2

你也可以使用：

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

在我看来，这是一个非常优雅的解决方案，但对于他自己的每一个。

编辑：

从ES5开始，现在还有：

Array.isArray(value);

但是除非你使用polyfills（基本上...... IE8或类似的），否则这会在旧版浏览器上中断。

Answer 3

我注意到有人提到了jQuery，但我不知道有isArray()函数。事实证明它是在1.3版本中添加的。

jQuery实现它，正如彼得建议的那样：

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

已经对jQuery充满信心（特别是他们的跨浏览器兼容性技术）我将升级到1.3版并使用他们的功能（提供升级不会导致太多问题）或使用这个建议的方法直接在我的代码中。

非常感谢你的建议。

Answer 4

有多种解决方案都有自己的怪癖。 This page提供了一个很好的概述。一种可能的解决方案是：

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

Answer 5

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

Array.isArray(obj)

（Supported by Chrome 5，Firefox 4.0，IE 9，Opera 10.5和Safari 5）

如果您需要支持旧版本的IE，可以使用es5-shim来填充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)

Answer 6

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

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

Array.prototype.isArray = true;

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

var box = doSomething();

if (box.isArray) {
    // do something
}

isArray仅在其数组

时可用

Answer 7

通过Crockford：

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。如果这个页面不够用，该页面会有更复杂的版本。

Answer 8

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

对该帖子的评论表明，如果toString()完全被更改，那么检查数组的方式将失败。如果你真的想要具体并确保toString()没有被更改，并且对象类属性没有问题（[object Array]是作为数组的对象的类属性），那么我建议做这样的事情：

//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 array
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 check
        return Object.prototype.toString.call(o) === '[object Array]';
    }
    else
    {
        // may want to change return value to something more desirable
        return -1; 
    }
}

请注意，在JavaScript The Definitive Guide第6版7.10中，它说Array.isArray()是使用ECMAScript 5中的Object.prototype.toString.call()实现的。另请注意，如果您要担心toString()的实现在变化，你也应该担心其他所有内置方法的变化。为什么要使用push()？有人可以改变它！这种做法很愚蠢。上述检查是为那些担心toString()更改的人提供的解决方案，但我认为检查是不必要的。

Answer 9

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

由于JQuery现在提供此功能，我总是会使用它......

$.isArray(obj);

（从版本1.6.2开始）它仍然使用

形式的字符串比较来实现

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

Answer 10

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

如，

Array.isArray([])    // true
Array.isArray("foo") // false
Array.isArray({})    // false

Answer 11

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

_.isArray(object)

如果object是一个数组，则返回true。

Answer 12

如果您使用的是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

Answer 13

在Crockford的JavaScript The Good Parts中，有一个函数来检查给定的参数是否是一个数组：

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

他解释道：

首先，我们询问价值是否真实。我们这样做是为了拒绝null和其他有价值的值。其次，我们询问类型的值是否为＆＃39;对象＆＃39;。这对于对象，数组和（怪异地）null都是如此。第三，我们询问该值是否具有数字的长度属性。这对于数组总是如此，但通常不适用于对象。第四，我们询问该值是否包含拼接方法。对于所有阵列，这也是如此。最后，我们询问长度属性是否可枚举（长度是否由for in循环产生？）。对于所有阵列来说都是错误的。这是我发现的最可靠的数组测试。不幸的是它太复杂了。

Answer 14

通用解决方案如下：

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

Answer 15

我正在使用这行代码：

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

Answer 16

来自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);};

Answer 17

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

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]

Answer 18

来自w3schools：

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

Answer 19

我喜欢布莱恩的回答：

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 check
        return Object.prototype.toString.call(o) === '[object Array]';
    } else{
        // may want to change return value to something more desirable
        return -1; 
    }
}

但你可以这样做：

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

Answer 20

我创建了一些代码，可以返回真正的类型。

我还不确定性能，但它是尝试正确识别类型。

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]

它认为它可能需要一些微调，并考虑到事情，我没有遇到或正确测试它。因此，无论性能如何，还是错误地重新输入typeOf，都会受到进一步的改进。

Answer 21

我认为使用myObj.constructor == Object和myArray.constructor == Array是最好的方法。它比使用toString（）快了近20倍。如果使用自己的构造函数扩展对象，并希望将这些创建视为“对象”，那么这不起作用，否则会更快。 typeof与构造函数方法一样快，但typeof [] =='object'返回true，这通常是不合需要的。 http://jsperf.com/constructor-vs-tostring

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

Answer 22

由于.length属性对于javascript中的数组是特殊的，你可以简单地说

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

Underscorejs和其他几个图书馆使用这个简单而简单的技巧。

Answer 23

我想出的一些事情：

if (item.length) //This is an array else //not an array

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

23 个答案: