html5中文学习网

您的位置: 首页 > 网站及特效实例 > javascript特效 » 正文

JavaScript判断变量是对象还是数组的方法_javascript技巧_

[ ] 已经帮助:人解决问题

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先行者学习网
也可以判断是不是属于objectmNaHTML5中文学习网 - 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,最后判断objectmNaHTML5中文学习网 - 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先行者学习网

(责任编辑:)
推荐书籍
推荐资讯
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助