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

Posted

技术标签:

【中文标题】如何检查一个变量是不是是 JavaScript 中的一个数组?【英文标题】:How do you check if a variable is an array in JavaScript?如何检查一个变量是否是 JavaScript 中的一个数组? 【发布时间】:2010-10-20 12:43:06 【问题描述】:

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

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

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

这是最好的方法吗?

【问题讨论】:

检查一个对象是否是一个数组有一些特定的警告......彼得的答案是你应该使用的唯一一个。 @Andy 看来我的回答不是最好的。也许您应该选择一个不同的答案作为接受? 好点彼得。我没有意识到你的答案是收到这样的 cmets。我想我早就开始在检查数组时使用 JQuery.isArray 函数,有趣的是,它的实现方式与此处给出的任何其他答案不同。我已将热门答案标记为正确。 抱歉打错了。我看起来更深入了(从 1.6.2 版开始)JQuery 仍然使用表单中的比较进行类型检查...... toString.call(obj) === "[object Array]" “这个问题以前被问过”......不,这个问题是在这个问题之后提出的 【参考方案1】:

你也可以使用:

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

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

编辑:

从 ES5 开始,现在还有:

Array.isArray(value);

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

【讨论】:

我建议,如果您不使用多个帧,请坚持使用此“instanceof”运算符。这是检查对象类型的正确方法。 失败的一种情况是,如果您尝试测试自 Array instanceof Object == true 以来的数组或对象。 如果您使用 jQuery 通过 find('code') 或类似的方式传递元素,您可能需要使用 variable instanceof Object 检查变量,因为它不是数组的实例。 @BrettBender 如果您仍然活跃,您能否更新您的答案以反映从 ES5 开始我们有 Array.isArray? @AndrewK 请参阅Fela Winkelmolen's answer,它具有 Array.isArray 方法。至于这个答案,通过编辑将答案变成不同的答案可能不是一个好主意。【参考方案2】:

通过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。 如果这还不够,该页面有一个更复杂的版本。

【讨论】:

【参考方案3】:

有多种解决方案各有特色。 This page 提供了一个很好的概述。一种可能的解决方案是:

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

【讨论】:

如果你仔细阅读,它说当你处理多帧文档时需要这种方法,不推荐。这种方法可以很容易地改变“toString”函数。 为此提供了链接,以便 Brett 可以检查它们,看看在哪种情况下他的功能必须工作 在下面查看我的答案。我推荐 Peter Smit 的方式。 这个方法是recommended by Mozilla。【参考方案4】:

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

jQuery 按照 Peter 的建议实现它:

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

已经非常信任 jQuery(尤其是他们的跨浏览器兼容性技术),我要么升级到 1.3 版并使用它们的功能(前提是升级不会导致太多问题)或者使用这个建议的方法直接在我的代码中。

非常感谢您的建议。

【讨论】:

请参阅this article 以获得有关该主题的良好讨论。结论就是使用这个解决方案。 这给了我 IE10 中的错误 SCRIPT65535。【参考方案5】:

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

【讨论】:

为什么要同时测试concatunshift,不足以测试unshift 我们检查的方法越多,Array 越有可能它确实是一个数组。其他对象可能具有concatunshift,但不太可能同时具有两者。【参考方案6】:

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

既然 JQuery 现在确实提供了这个功能,我会一直使用它...

$.isArray(obj);

(从 1.6.2 版开始)它仍然是使用形式的字符串比较实现的

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

【讨论】:

【参考方案7】:

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

向 Array 添加原型非常简单

Array.prototype.isArray = true;

现在,如果你有一个对象想要测试,看看它是否是一个数组,你只需要检查新属性

var box = doSomething();

if (box.isArray) 
    // do something

isArray 仅当它是一个数组时才可用

【讨论】:

@Vitimtk 原型充当实际对象的后备,因此即使相关数组已经存在,它也应该可以工作。当然,在处理源代码行之前它是行不通的。 假设没有人这样做Object.prototype.isArray = true;! :( 请注意,在 ES5 中 Array.isArray 是一种方法(例如,Array.isArray([1,2,3]) === true),因此 @ErikE 并不是一个巨魔。我会避免遵循这个答案,因为它会破坏某些现代浏览器中的代码。 @Ibu 你可以用我的“解决方案”来做.isArray === true,这就是重点...... 在我看来修改数据类型的原型是一种不好的做法【参考方案8】:

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

然而,帖子上的评论表明,如果 toString() 被完全更改,那么检查数组的方式将失败。如果你真的想具体一点并确保toString()没有被改变,并且objects类属性没有问题([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 6th edition, 7.10 中,它说 Array.isArray() 是在 ECMAScript 5 中使用 Object.prototype.toString.call() 实现的。另外请注意,如果您担心 toString() 的实现会发生变化,您还应该担心所有其他内置方法也会发生变化。为什么使用push()?有人可以改变它!这样的做法是愚蠢的。上述检查是为那些担心toString() 更改的人提供的解决方案,但我认为检查是不必要的。

【讨论】:

对 ECMAScript 5 标准的良好呼吁。当然你不能保证浏览器支持它,但这应该是签入新代码的第一种方法。 我首先要说这有点过头了。但是,这样的测试会更健壮吗?:return Object.prototype.toString.call(o) === Object.prototype.toString.call([]);【参考方案9】:

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

_.isArray(object) 

如果对象是一个数组,则返回 true。

【讨论】:

下划线js实现如果可用就使用原生的Array.isArray,否则使用toString方法。 Lodash 中也有同样的功能【参考方案10】:

我正在使用这行代码:

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

【讨论】:

这根本不是一个好的解决方案。有了这个“解决方案”,任何具有属性push 的对象都将被视为一个数组。【参考方案11】:

我喜欢 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 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([]);

【讨论】:

【参考方案12】:

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

例如,

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

【讨论】:

【参考方案13】:

对于打代码的人来说,用最少的字符进行不可靠的测试:

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]

【讨论】:

【参考方案14】:

在 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 和其他虚假值。其次,我们询问 typeof 值是否为 'object'。对于对象、数组和(奇怪的)空值,这将是正确的。第三,我们询问该值是否具有一个数字的长度属性。这对于数组总是如此,但通常不适用于对象。第四,我们询问该值是否包含拼接方法。这对于所有阵列都是如此。最后,我们询问长度属性是否是可枚举的(长度是否会由 for in 循环产生?)。这对于所有数组都是错误的。这是我发现的最可靠的阵列测试。可惜这么复杂。

【讨论】:

这只是好的部分。想象一下当“JavaScript The Bad Parts”发布时......【参考方案15】:

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

Array.isArray(obj)

(Supported byChrome 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/… 你不是想念prototype吗?似乎应该是Object.prototype.toString.call【参考方案16】:

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

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

Underscorejs 和其他几个库使用这个简短的技巧。

【讨论】:

您介意解释一下它是如何工作的吗?主要是,“+”有什么作用? 这很好,但当对象是函数或字符串以及任何其他具有数字类型属性长度的对象时也是如此。为什么?好吧,一元 + 运算符实际上将变量转换为数字。所以基本上他们正在检查 obj.length 是否是一个数字。 [object Object] 没有属性长度,它是未定义的,因此当您将 undefined 转换为数字时,它变为 NaN,上述检查结果为假。因此,如果对象属性长度是一个数字,它会返回 true,而对于数组、字符串和函数,它会返回 true。 Underscore 的作用不仅限于此。【参考方案17】:

如果你使用 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

【讨论】:

您也可以使用非 Angular 特定的,但仅限 IE9+ 和所有标准浏览器:
 Array.isArray(myArray); //返回真 Array.isArray(myObj); //返回false  
【参考方案18】:

我创建了一小段代码,它可以返回真正的类型。

我还不确定性能,但这是正确识别 typeof 的尝试。

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

它可以工作,类似于当前的typeof。

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

它认为它可能需要一些微调,并考虑到一些事情,我没有遇到或正确测试它。因此欢迎进一步改进,无论是性能方面,还是错误地报告 typeOf。

【讨论】:

【参考方案19】:

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

需要注意的一点是 null.constructor 会抛出错误,因此如果您可能要检查 null 值,则必须首先执行 if(testThing!==null)

【讨论】:

【参考方案20】:

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

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 重新上线时保持不变。

【讨论】:

使用功能测试 (.push && .pop) 扩展给定答案另一个 jsperf test here,这是最快的并且在所有浏览器(甚至旧浏览器)中都受支持。问题是,一个对象可能具有“push”和“pop”属性,而不是一个数组。另请注意,当使用从另一个框架创建(或传递)的对象测试是否为数组时,大多数测试将失败(因为给定窗口中的 Array 不同于 Array 在框架窗口中)。如果数组是通过 new Array 或字面意思构造为 [..] 请注意,如果您不确定变量是否已定义或是否为空,请务必先进行这些检查,因为这些是没有构造函数的常见值/对象。 注意:'variable.constructor === Array' 如果 variable 为 null 但 'variable instanceof Array' 则不会抛出异常! 从 Chrome 59 开始,isArray() 似乎要快得多,所以我认为没有理由在所有情况下都不使用 isArray()。 如此多的编辑使您的答案难以阅读。这就是我投反对票的原因......【参考方案21】:

通用解决方案如下:

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

【讨论】:

【参考方案22】:

我刚刚想到的东西:

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

【讨论】:

var item = 'this_is_not_an_array'; 这是一个糟糕的解决方案!字符串也有长度。 实际上一个字符串是一个字符数组,所以本质上这确实有效 @PatrickNijhuis - javascript 中的string is a primitive type,而数组是一个对象。在通用语言中你是正确的 - 字符串是一个字符数组 - 但在 javascript 中,这个断言是错误的。这是一个重要的区别,也是这个错误答案的原因。 不,零长度数组仍然是数组。【参考方案23】:

来自w3schools:

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

【讨论】:

以上是关于如何检查一个变量是不是是 JavaScript 中的一个数组?的主要内容,如果未能解决你的问题,请参考以下文章

如何检查 JavaScript 中是不是存在变量?

如何检查变量是不是是javascript中的类型化数组?

如何在 JavaScript 中检查变量是不是为 blob

如何在javascript中检查Django对象是不是为None?

如何检查变量是不是不为空?

如何检查 Python 中是不是同时存在两个变量? [复制]