面试笔记(八)---怎么区分数组和对象

 

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

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

12判断有误差。 
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'));
}

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

4、Array.isArray(objectName);

ES5方法

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

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

猜你喜欢

转载自blog.csdn.net/weixin_41370424/article/details/81225414
今日推荐