当前位置:  开发笔记 > 编程语言 > 正文

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

如何解决《如何检查变量是否是JavaScript中的数组?》经验,为你挑选了14个好方法。

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

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

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

这是最好的办法吗?



1> jemiloii..:

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

variable.constructor === Array

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

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

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

其他一些方法是:

Array.isArray(variable)

该方法的速度约为第一个例子的1/3.仍然相当稳固,看起来更干净,如果你只是漂亮的代码,而不是性能.请注意,检查数字不会像variable instanceof Number始终一样返回false.更新:instanceof现在速度提高2/3!

variable instanceof Array

在我看来,最后一个是最丑的,它是最慢的之一.运行速度约为第一个例子的1/5.Array.prototype实际上是一个数组.你可以在这里阅读更多相关信息https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/isArray

还有另一个更新

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

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

另外,我进行了一些测试:http://jsperf.com/instanceof-array-vs-array-isarray/33所以有一些乐趣并检查出来.

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


请注意,如果您不确定是否已定义变量或者它是否为null,请确保首先执行这些检查,因为这些是没有构造函数的公共值/对象.
注意:如果变量为null,则'variable.constructor === Array'将抛出EXCEPTION但是'variable instanceof Array'不会!
从Chrome 59开始,isArray()似乎要快得多,所以我认为没有理由不在所有情况下都使用isArray().
使用功能测试(.push && .pop)扩展给定答案另一个[jsperf test here](http://jsperf.com/instanceof-array-vs-array-isarray/6),这是最快和支持的所有浏览器(甚至是旧浏览器).问题在于,对象可能具有"推送"和"弹出"属性而不是数组.还要注意,当测试是否是从另一个帧创建(或传递)对象的数组时,大多数测试将失败(因为给定窗口中的**数组**与框架窗口中的**数组**不同).如果数组是通过新数组构建的,或者文字为[...],也会有一个问题.
variable.constructor仅用于检查实际数组.在检查随机对象时(在现实世界中就是这种情况,因为这就是使用此函数的原因),使用instanceof更快.http://jsperf.com/check-if-variable-is-array
您所有的基准测试都是错误的-既因为V8(Chrome)更改了JIT编译器,又因为您的基准测试不相关。我建议您查看mraleph的博客,特别是有关性能和jsperf的博客。JSPerf就像不存在IC一样,函数的形态与编译器无关,而实际上,取决于引擎可以证明的内容,其性能特征差异很大。
我只是专注于阵列部分.您可以轻松地使用`variable && variable.constructor === Array`来确保变量不为null或未定义.
根据你发布的JSPerf,`Array.isArray`是最快的,而不是最慢的
最初的问题没有提到性能。这些微优化对于几乎所有用例而言都是微不足道的
@jemiloii我不同意它的明确性。您的更新显示,`instanceof`的运行速度是原始答案的2/3。这意味着更快吗?慢点?措词有些含糊,尽管可以肯定的是,该段的上下文似乎表示较慢。我通过修改http://jsben.ch/QgYAV中的代码来运行自己的一些基准,但这些结果表明`instanceof`是最快的。在相关说明中,http://jsben.ch/QgYAV现在链接到空基准。

2> Brett Bender..:

你也可以使用:

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

这对我来说似乎是一个非常优雅的解决方案,但对于他自己而言.

编辑:

从ES5开始,现在还有:

Array.isArray(value);

但是,除非你使用polyfills(基本上...... IE8或类似的),否则这将在旧版浏览器上中断.


这种情况会失败的一种情况是,如果你试图测试一个数组或对象,因为`Array instanceof Object == true`.
我建议,如果你不使用多个帧,实际上坚持坚持使用这个"instanceof"运算符.这是检查对象类型的正确方法.
@AndrewK参见[Fela Winkelmolen的回答](http://stackoverflow.com/a/20989617/3802811),它有Array.isArray方法.至于这个答案,通过编辑将答案变成不同的答案可能不是一个好主意.
@BrettBender如果您仍处于活动状态,是否可以更新您的答案以反映从ES5开始我们有Array.isArray?

3> Peter Smit..:

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

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


因此,给出了链接,以便Brett可以检查它们并查看在哪种情况下他的功能必须起作用
此方法[由Mozilla推荐](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/isArray).

4> Andy McClugg..:

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

彼得建议,jQuery实现它:

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

我已经非常相信jQuery(特别是他们的跨浏览器兼容技术)我将升级到1.3版并使用他们的功能(提供升级不会导致太多问题)或直接在我的建议方法中使用码.

非常感谢你的建议.



5> Fela Winkelm..:

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

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)


6> Ibu..:

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

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

Array.prototype.isArray = true;

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

var box = doSomething();

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

isArray仅在其数组时才可用


假设没有人做'Object.prototype.isArray = true;`!:(
请注意,在ES5中,"Array.isArray"是一个方法(例如,`Array.isArray([1,2,3])=== true`)所以@ErikE不是一个巨魔.我会避免遵循这个答案,因为它会破坏一些现代浏览器中的代码.
@Vitimtk原型充当实际对象的后备,因此即使所讨论的数组已经存在,这也应该有效.当然,在处理源代码行之前它不起作用.
@Ibu,你可以用我的"解决方案"来做`{}.isArray === true`,这就是重点......

7> Hank Gay..:

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



8> Brian..:

我个人喜欢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()使用Object.prototype.toString.call()ECMAScript 5 实现.另请注意,如果您要担心toString()实现更改,您还应该担心其他所有内置方法也会发生变化.为何使用push()?有人可以改变它!这种做法很愚蠢.上述检查是为那些担心toString()改变的人提供的解决方案,但我认为检查是不必要的.



9> JaredMcAteer..:

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

例如,

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



10> Andy McClugg..:

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

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

$.isArray(obj);

(从版本1.6.2开始)它仍然使用表单中字符串的比较来实现

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



11> Benjen..:

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

_.isArray(object) 

如果object是Array,则返回true.



12> joseph.l.hun..:

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



13> Yunzhou..:

在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'.这对于对象,数组和(怪异地)null都是如此.第三,我们询问该值是否具有数字的长度属性.这对于数组总是如此,但通常不适用于对象.第四,我们询问该值是否包含拼接方法.对于所有阵列,这也是如此.最后,我们询问长度属性是否可枚举(长度是否由for in循环产生?).对于所有阵列来说都是错误的.这是我发现的最可靠的数组测试.不幸的是它太复杂了.


这只是好的部分.想象一下当"JavaScript The Bad Parts"发布时......

14> PixelsTech..:

通用解决方案如下:

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

推荐阅读
yzh148448
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有