首页 文章

如何检查变量是否是JavaScript中的数组? [重复]

提问于
浏览
1562

这个问题在这里已有答案:

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

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

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

这是最好的方法吗?

23 回答

  • 26

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

  • 2

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

    _.isArray(object)
    

    如果object是一个Array,则返回true .

  • 1

    你也可以使用:

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

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

    编辑:

    从ES5开始,现在还有:

    Array.isArray(value);
    

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

  • 71

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

    我还不确定性能,但这是尝试正确识别类型 .

    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 .

  • 73

    我正在使用这行代码:

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

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

    在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'));
    };
    

    他解释说:

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

  • 3

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

    彼得建议jQuery实现它:

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

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

    非常感谢您的建议 .

  • 1

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

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

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

  • -15

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

    variable.constructor === Array
    

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

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

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

    其他一些方法是:

    variable instanceof Array
    

    该方法的速度约为第一个例子的1/3 . 仍然相当稳固,看起来更干净,如果你只是漂亮的代码,而不是性能 . 请注意,检查数字不起作用,因为 variable instanceof Number 始终返回 false . Update: instanceof now goes 2/3 the speed!

    Array.isArray(variable)
    

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

    So yet another update

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

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

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

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

  • 1421

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

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

    Array.prototype.isArray = true;
    

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

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

    isArray仅在其数组时才可用

  • 19

    有多种解决方案都有自己的怪癖 . This page给出了一个很好的概述 . 一种可能的解决方案是

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

    我认为使用myObj.constructor == Object和myArray.constructor == Array是最好的方法 . 它比使用toString()快了近20倍 . 如果你延长具有您自己的构造函数的对象,并希望这些创建被认为是"objects"以及't work, but otherwise its way faster. typeof is just as fast as the constructor method but typeof []==' object'返回true,这通常是不合需要的 . http://jsperf.com/constructor-vs-tostring

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

  • 45

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

  • 58

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

    例如 . ,

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

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

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

    $.isArray(obj);
    

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

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

    来自w3schools

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

    我喜欢布莱恩的回答:

    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([]);
    
  • 10

    通用解决方案如下:

    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

  • -5

    我想出的东西:

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

  • 5

    对于那些编码高尔夫球的人来说,一个不可靠的测试,人物最少:

    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]
    
  • 1000

    我个人喜欢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() ?有人可以改变它!这种做法很愚蠢 . 对于那些担心_73699改变的人来说,上面的检查是一个提供的解决方案,但我认为检查是不必要的 .

  • 16

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

    Array.isArray(obj)
    

    Supported by 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
    

    Note :可用于访问函数参数的 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)
    

相关问题