面试笔记（八）---怎么区分数组和对象

 

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

　　因为无论是数组还是对象，对于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

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

判断objectName是否是数组

1、objectName instanceof Array

2、objectName.constructor == Array

基本数据类型也可以使用此方法。

(123).constructor == Number // true

 

1、2判断有误差。 
a)在不同 iframe 中创建的 Array 并不共享 prototype 
b)即使为true，也有可能不是数组。 
function SubArray(){ 
} 
SubArray.prototype = []; 
myArray = new SubArray; 
alert(myArray instanceof Array)

3、特性判断

a)length 
b)splice 
c)length不可枚举

    function isArray(object){

    return  object && typeof object==='object' &&    

            typeof object.length==='number' &&  

            typeof object.splice==='function' &&    

             //判断length属性是否是可枚举的 对于数组 将得到false  

            !(object.propertyIsEnumerable('length'));

}

有length和splice并不一定是数组，因为可以为对象添加属性，而不能枚举length属性，才是最重要的判断因子。

4、Array.isArray(objectName);

ES5方法

5、Object.prototype.toString.call(objectName)

获取this对象的[[Class]]属性的值.[Class]]是一个内部属性,所有的对象都拥有该属性. 表明该对象的类型 
Object.prototype.toString.call(objectName) === ‘[object Array]‘;