JavaScript中检测对象的方法

一、typeof操作符

可用于检测Function、String、number、Undefined等常用的数据类型
但是无法检测Array数组对象。
typeof只能检测基本数据类型,而引用类型则全部是object,因为JavaScript里面,所有的引用类型,都是基于Object扩展而来的。

alert(typeof null); // "object"    
alert(typeof function  () {  
    return 1;  
}); // "function"    
alert(typeof '检测对象的方法'); // "string"    
alert(typeof 1); // "number"    
alert(typeof a); // "undefined"   
alert(typeof undefined); // "undefined"    
alert(typeof []);     // "object"

二、instanceof操作符

与JavaScript的面向对象有关,作用是检测对象的原型链是否指向构造函数的prototype对象的。
例如:

var arr = [1,2,3,1];     
alert(arr instanceof Array); // true

三、对象的constructor属性

每个对象除了instanceof,还有constructor属性,利用constructor也能进行Array的判断。
例如:

var arr=[1,2,3,1];
alert(arr.constructor===Array)

第二和第三种方法也不是在任何情况下都通用的,当在多个frame来回穿梭时,由于每个iframe都有自己的一套执行框架,跨frame实例化的对象彼此之间是不共享原型链的。因此在此种情况下上述的检测代码是不起作用的。示例如下:

var iframe = document.createElement('iframe');   //创建iframe  
document.body.appendChild(iframe);   //添加到body中  
xArray = window.frames[window.frames.length-1].Array;     
var arr = new xArray(1,2,3); // 声明数组[1,2,3]     

alert(arr instanceof Array); // false     

alert(arr.constructor === Array); // false

constructor是原型链上的方法。instanceof和constructor这两种方法在iframe下的缺点的根源是,这两个方法只允许用在当前页声明的变量上,当跨iframe去访问其他页面的变量时,要么在当前页根本没有声明这个变量,要么在当前页申请的这个变量根本不是数组,所以检测会错误。

四、最优化数组类型检测方法

1.Object.prototype.toString

Object.prototype.toString的行为:首先,取得对象的一个内部属性[[Class]],然后依据这个属性,返回一个类似于”[object Array]”的字符串作为结果(看过ECMA标准的应该都知道,[[]]用来表示语言内部用到的、外部不可直接访问的属性,称为“内部属性”)。利用这 个方法,再配合call,我们可以取得任何对象的内部属性[[Class]],然后把类型检测转化为字符串比较,以达到我们的目的。
示例如下:

function isArrayFn (o) {    
 return Object.prototype.toString.call(o) === '[object Array]';     
}  
var arr = [1,2,3,1];     

alert(isArrayFn(arr));// true

call改变toString的this引用为待检测的对象,返回此对象的字符串表示,然后对比此字符串是否是’[object Array]’,以判断其是否是Array的实例。为什么不直接o.toString()?嗯,虽然Array继承自Object,也会有 toString方法,但是这个方法有可能会被改写而达不到我们的要求,而Object.prototype则是老虎的屁股,很少有人敢去碰它的,所以能一定程度保证其“纯洁性”:)

JavaScript 标准文档中定义: [[Class]] 的值只可能是下面字符串中的一个: Arguments, Array, Boolean, Date, Error, Function, JSON, Math, Number, Object, RegExp, String.
这种方法在识别内置对象时往往十分有用,但对于自定义对象请不要使用这种方法。

二、Array.isArray()

ECMAScript5将Array.isArray()正式引入JavaScript,目的就是准确地检测一个值是否为数组。IE9+、 Firefox 4+、Safari 5+、Opera 10.5+和Chrome都实现了这个方法。但是在IE8之前的版本是不支持的。

三、综合方法

判断一个变量是一个Array类型的代码:

var arr = [1,2,3,1];    
var arr2 = [{ abac : 1, abc : 2 }];    

function isArrayFn(value){  
    if (typeof Array.isArray === "function") {  
        return Array.isArray(value);      
    }else{  
        return Object.prototype.toString.call(value) === "[object Array]";      
    }  
}  
alert(isArrayFn(arr));// true   
alert(isArrayFn(arr2));// true
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值