JavaScript判断变量是对象还是数组的方法

前端之家收集整理的这篇文章主要介绍了JavaScript判断变量是对象还是数组的方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

typeof都返回object

在JavaScript中所有数据类型严格意义上都是对象,但实际使用中我们还是有类型之分,如果要判断一个变量是数组还是对象使用typeof搞不定,因为它全都返回object

代码如下:
document.write( ' o typeof is ' + typeof o);
document.write( '
');
document.write( ' a typeof is ' + typeof a);

执行:
代码如下:
因此,我们只能放弃这种方法,要判断是数组or对象有两种方法

第一,使用typeof加length属性

数组有length属性,object没有,而typeof数组与对象都返回object,所以我们可以这么判断

代码如下:
var getDataType = function(o){
if(typeof o == 'object'){
if( typeof o.length == 'number' ){
return 'Array';
}else{
return 'Object';
}
}else{
return 'param is no object type';
}
};

alert( getDataType(o) ); // Object
alert( getDataType(a) ); // Array
alert( getDataType(1) ); // param is no object type
alert( getDataType(true) ); // param is no object type
alert( getDataType('a') ); // param is no object type

第二,使用instanceof

使用instanceof可以判断一个变量是不是数组,如:

代码如下:
alert( a instanceof Array ); // true
alert( o instanceof Array ); // false

也可以判断是不是属于object
代码如下:
alert( a instanceof Object ); // true
alert( o instanceof Object ); // true

但数组也是属于object,所以以上两个都是true,因此我们要利用instanceof判断数据类型是对象还是数组时应该优先判断array,最后判断object
代码如下:
var getDataType = function(o){
if(o instanceof Array){
return 'Array'
}else if( o instanceof Object ){
return 'Object';
}else{
return 'param is no object type';
}
};

alert( getDataType(o) ); // Object
alert( getDataType(a) ); // Array
alert( getDataType(1) ); // param is no object type
alert( getDataType(true) ); // param is no object type
alert( getDataType('a') ); // param is no object type

如果你不优先判断Array,比如:
代码如下:
var getDataType = function(o){
if(o instanceof Object){
return 'Object'
}else if( o instanceof Array ){
return 'Array';
}else{
return 'param is no object type';
}
};

alert( getDataType(o) ); // Object
alert( getDataType(a) ); // Object
alert( getDataType(1) ); // param is no object type
alert( getDataType(true) ); // param is no object type
alert( getDataType('a') ); // param is no object type

那么数组也会被判断为object。

原文链接:https://www.f2er.com/js/57968.html

猜你在找的JavaScript相关文章