判断一个变量类型是数组还是对象
因为无论是数组还是对象,对于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
&&
typeofobject
===
'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]‘;