判断一个变量类型是对象还是数组

Posted kyshu

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了判断一个变量类型是对象还是数组相关的知识,希望对你有一定的参考价值。

  因为无论是数组还是对象,对于typeof的操作返回值都为object,所以就有了区分数组类型和对象类型的需要:

方一:通过length属性:一般情况下对象没有length属性值,其值为undefiend,而数组的length值为number类型

  缺点:非常不实用,当对象的属性存在length,且其值为number(比如类数组),则该方法失效,不建议使用,看看即可。

*方二:通过instanceof来判断区分

  

复制代码
        var arr = [1, 2, 3];
        var obj = {
            name: \'lyl\',
            age: 18,
            1: \'name\'
        }
        console.log(arr instanceof Array); //true
        console.log(obj instanceof Array); //false
复制代码

*方三:通过constructor

  

复制代码
     var arr = [1, 2, 3];
        var obj = {
            name: \'lyl\',
            age: 18,
            1: \'name\'
        }
        console.log(arr.constructor === Array); //true
        console.log(obj.constructor === Array); //false
复制代码

*方四:通过toString()方法,数组原型和对象原型定义的toString()方法不同

  原理参考:http://www.cnblogs.com/ziyunfei/archive/2012/11/05/2754156.html

  

复制代码
     var arr = [1, 2, 3];
        var obj = {
            name: \'lyl\',
            age: 18,
            1: \'name\'
        }
        console.log(Object.prototype.toString.call(arr) === \'[object Array]\'); //true
        console.log(Object.prototype.toString.call(boj) === \'[object Array]\'); //false
复制代码

 

方五:随便找一个数组仅有的方法,来判断数组和对象谁有该方法即可(样例以sort来举例)

  

复制代码
     var arr = [1, 2, 3];
        var obj = {
            name: \'lyl\',
            age: 18,
            1: \'name\'
        }
   console.log(arr.sort === Array.prototype.sort); //true console.log(obj.sort === Array.prototype.sort); //false
复制代码

 

  

   总结:方法应用权重:

    优先使用方四toString,因为该方法几乎无缺陷。

    次之可以使用方二instanceof和方三constructor

    剩下的方法玩玩即可,不实用

以上是关于判断一个变量类型是对象还是数组的主要内容,如果未能解决你的问题,请参考以下文章

如何去判断一个变量类型是数组还是对象

请问js怎么判断一个变量是对象还是数组呢?

js里判断变量是数组还是对象的四种方法

vue_如何判断变量是数组还是对象

如何准确判断一个变量是数组类型

js怎么判断一个对象是否类数组对象