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

╰半夏微凉° 2022-05-17 23:18 303阅读 0赞

#  #

## **[判断一个变量类型是数组还是对象][Link 1]** ##

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

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

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

\*方二：通过instanceof来判断区分

var arr = [1, 2, 3];

var obj = {

age: 18,

1: 'name'

}

console.log(arr instanceof Array); //true

console.log(obj instanceof Array); //false

\*方三：通过constructor

var arr = [1, 2, 3];

var obj = {

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][http_www.cnblogs.com_ziyunfei_archive_2012_11_05_2754156.html]

var arr = [1, 2, 3];

var obj = {

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 = {

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\]‘;

[Link 1]: http://www.cnblogs.com/Walker-lyl/p/5597547.html
[http_www.cnblogs.com_ziyunfei_archive_2012_11_05_2754156.html]: http://www.cnblogs.com/ziyunfei/archive/2012/11/05/2754156.html