typeof都返回objectmNaHTML5中文学习网 - HTML5先行者学习网
在JavaScript中所有数据类型严格意义上都是对象,但实际使用中我们还是有类型之分,如果要判断一个变量是数组还是对象使用typeof搞不定,因为它全都返回objectmNaHTML5中文学习网 - HTML5先行者学习网
mNaHTML5中文学习网 - HTML5先行者学习网
var o = { 'name':'lee' };mNaHTML5中文学习网 - HTML5先行者学习网
var a = ['reg','blue'];mNaHTML5中文学习网 - HTML5先行者学习网
mNaHTML5中文学习网 - HTML5先行者学习网
document.write( ' o typeof is ' + typeof o);mNaHTML5中文学习网 - HTML5先行者学习网
document.write( ' <br />');mNaHTML5中文学习网 - HTML5先行者学习网
document.write( ' a typeof is ' + typeof a);mNaHTML5中文学习网 - HTML5先行者学习网
mNaHTML5中文学习网 - HTML5先行者学习网执行:
mNaHTML5中文学习网 - HTML5先行者学习网mNaHTML5中文学习网 - HTML5先行者学习网
o typeof is objectmNaHTML5中文学习网 - HTML5先行者学习网
a typeof is object mNaHTML5中文学习网 - HTML5先行者学习网
mNaHTML5中文学习网 - HTML5先行者学习网因此,我们只能放弃这种方法,要判断是数组or对象有两种方法
mNaHTML5中文学习网 - HTML5先行者学习网第一,使用typeof加length属性mNaHTML5中文学习网 - HTML5先行者学习网
数组有length属性,object没有,而typeof数组与对象都返回object,所以我们可以这么判断mNaHTML5中文学习网 - HTML5先行者学习网
mNaHTML5中文学习网 - HTML5先行者学习网
var o = { 'name':'lee' };mNaHTML5中文学习网 - HTML5先行者学习网
var a = ['reg','blue'];mNaHTML5中文学习网 - HTML5先行者学习网
mNaHTML5中文学习网 - HTML5先行者学习网
var getDataType = function(o){mNaHTML5中文学习网 - HTML5先行者学习网
if(typeof o == 'object'){mNaHTML5中文学习网 - HTML5先行者学习网
if( typeof o.length == 'number' ){mNaHTML5中文学习网 - HTML5先行者学习网
return 'Array'; mNaHTML5中文学习网 - HTML5先行者学习网
}else{mNaHTML5中文学习网 - HTML5先行者学习网
return 'Object'; mNaHTML5中文学习网 - HTML5先行者学习网
}mNaHTML5中文学习网 - HTML5先行者学习网
}else{mNaHTML5中文学习网 - HTML5先行者学习网
return 'param is no object type';mNaHTML5中文学习网 - HTML5先行者学习网
}mNaHTML5中文学习网 - HTML5先行者学习网
};mNaHTML5中文学习网 - HTML5先行者学习网
mNaHTML5中文学习网 - HTML5先行者学习网
alert( getDataType(o) ); // ObjectmNaHTML5中文学习网 - HTML5先行者学习网
alert( getDataType(a) ); // ArraymNaHTML5中文学习网 - HTML5先行者学习网
alert( getDataType(1) ); // param is no object typemNaHTML5中文学习网 - HTML5先行者学习网
alert( getDataType(true) ); // param is no object typemNaHTML5中文学习网 - HTML5先行者学习网
alert( getDataType('a') ); // param is no object typemNaHTML5中文学习网 - HTML5先行者学习网
mNaHTML5中文学习网 - HTML5先行者学习网第二,使用instanceofmNaHTML5中文学习网 - HTML5先行者学习网
使用instanceof可以判断一个变量是不是数组,如:mNaHTML5中文学习网 - HTML5先行者学习网
mNaHTML5中文学习网 - HTML5先行者学习网
var o = { 'name':'lee' };mNaHTML5中文学习网 - HTML5先行者学习网
var a = ['reg','blue'];mNaHTML5中文学习网 - HTML5先行者学习网
mNaHTML5中文学习网 - HTML5先行者学习网
alert( a instanceof Array ); // truemNaHTML5中文学习网 - HTML5先行者学习网
alert( o instanceof Array ); // falsemNaHTML5中文学习网 - HTML5先行者学习网
mNaHTML5中文学习网 - HTML5先行者学习网也可以判断是不是属于object
mNaHTML5中文学习网 - HTML5先行者学习网mNaHTML5中文学习网 - HTML5先行者学习网
var o = { 'name':'lee' };mNaHTML5中文学习网 - HTML5先行者学习网
var a = ['reg','blue'];mNaHTML5中文学习网 - HTML5先行者学习网
mNaHTML5中文学习网 - HTML5先行者学习网
alert( a instanceof Object ); // truemNaHTML5中文学习网 - HTML5先行者学习网
alert( o instanceof Object ); // truemNaHTML5中文学习网 - HTML5先行者学习网
mNaHTML5中文学习网 - HTML5先行者学习网但数组也是属于object,所以以上两个都是true,因此我们要利用instanceof判断数据类型是对象还是数组时应该优先判断array,最后判断object
mNaHTML5中文学习网 - HTML5先行者学习网mNaHTML5中文学习网 - HTML5先行者学习网
var o = { 'name':'lee' };mNaHTML5中文学习网 - HTML5先行者学习网
var a = ['reg','blue'];mNaHTML5中文学习网 - HTML5先行者学习网
mNaHTML5中文学习网 - HTML5先行者学习网
var getDataType = function(o){mNaHTML5中文学习网 - HTML5先行者学习网
if(o instanceof Array){mNaHTML5中文学习网 - HTML5先行者学习网
return 'Array'mNaHTML5中文学习网 - HTML5先行者学习网
}else if( o instanceof Object ){mNaHTML5中文学习网 - HTML5先行者学习网
return 'Object';mNaHTML5中文学习网 - HTML5先行者学习网
}else{mNaHTML5中文学习网 - HTML5先行者学习网
return 'param is no object type';mNaHTML5中文学习网 - HTML5先行者学习网
}mNaHTML5中文学习网 - HTML5先行者学习网
};mNaHTML5中文学习网 - HTML5先行者学习网
mNaHTML5中文学习网 - HTML5先行者学习网
alert( getDataType(o) ); // ObjectmNaHTML5中文学习网 - HTML5先行者学习网
alert( getDataType(a) ); // ArraymNaHTML5中文学习网 - HTML5先行者学习网
alert( getDataType(1) ); // param is no object typemNaHTML5中文学习网 - HTML5先行者学习网
alert( getDataType(true) ); // param is no object typemNaHTML5中文学习网 - HTML5先行者学习网
alert( getDataType('a') ); // param is no object typemNaHTML5中文学习网 - HTML5先行者学习网
mNaHTML5中文学习网 - HTML5先行者学习网如果你不优先判断Array,比如:
mNaHTML5中文学习网 - HTML5先行者学习网mNaHTML5中文学习网 - HTML5先行者学习网
var o = { 'name':'lee' };mNaHTML5中文学习网 - HTML5先行者学习网
var a = ['reg','blue'];mNaHTML5中文学习网 - HTML5先行者学习网
mNaHTML5中文学习网 - HTML5先行者学习网
var getDataType = function(o){mNaHTML5中文学习网 - HTML5先行者学习网
if(o instanceof Object){mNaHTML5中文学习网 - HTML5先行者学习网
return 'Object'mNaHTML5中文学习网 - HTML5先行者学习网
}else if( o instanceof Array ){mNaHTML5中文学习网 - HTML5先行者学习网
return 'Array';mNaHTML5中文学习网 - HTML5先行者学习网
}else{mNaHTML5中文学习网 - HTML5先行者学习网
return 'param is no object type';mNaHTML5中文学习网 - HTML5先行者学习网
}mNaHTML5中文学习网 - HTML5先行者学习网
};mNaHTML5中文学习网 - HTML5先行者学习网
mNaHTML5中文学习网 - HTML5先行者学习网
alert( getDataType(o) ); // ObjectmNaHTML5中文学习网 - HTML5先行者学习网
alert( getDataType(a) ); // ObjectmNaHTML5中文学习网 - HTML5先行者学习网
alert( getDataType(1) ); // param is no object typemNaHTML5中文学习网 - HTML5先行者学习网
alert( getDataType(true) ); // param is no object typemNaHTML5中文学习网 - HTML5先行者学习网
alert( getDataType('a') ); // param is no object typemNaHTML5中文学习网 - HTML5先行者学习网
mNaHTML5中文学习网 - HTML5先行者学习网那么数组也会被判断为object。
mNaHTML5中文学习网 - HTML5先行者学习网