怎么判断一个js对象是不是Array类型?

在js中检测对象类型有哪几种方法呢?

typeof操作运算符

对于Function ,String, Number, Undefined等几种数据类型的对象来说,typeof完全可以判断出来,但是为Array的时候

var arr = new Array('1', '2', '3', '4');
alert(typeof(arr);//object

你会收到一个object的答案,有点让人失望。

instanceof 操作运算符

instanceof操作运算符会返回一个Boolean类型的值, 指出对象是否是特定的类型

console.log(instanceof(arr)));//true

返回true

小总结:看来我们今天的问题已经得到了解决,但事实上在多个frame中穿梭就会出现大问题。

var iframe = document.createElement('iframe');
		document.body.appendChild(iframe);
		xArray = window.frames[window.frames.length-1].Array;
		var  array = new xArray('1','2','3','4');
		alert(array instanceof Array);//false
		alert(array.constructor === Array)//false

结果返回两个false,有点令人失望。

ECMA-626写道
Object.prototype.toString()	 When the toString method is called ,the following steps taken;

1.Get the [[class]] property of this object .
2.Compute a string value by concatenating the three string "[object", Result(1),and "]".
3.Return Result(2).

上面的规范定义了Object.prototype.toString的行为;首先,取得对象的一个内部属性 [[ class]] ,然后依据这个属性,返回一个类似"[object Array]"的字符串作为结果(看过ECMA标准的都应该知道,[[ ]] 用来表示语言内部用到的,外部不可以直接访问的属性,称为内部属性)。利用这个方法,再配合call,我们可以取得任何对象的内部属性 [[class]], 然后把类型检测转化为字符串比较,以达到我们的目的。还是先来看看再ECMA标准中Array的描述吧。

new Array([item0, [item1[,...]]]);
The [[class]] property of the newly constrcted object  is set to "Array".

于是利用这点,第三种方法登场了。

function isArray(obj) {
return Object.prototype.toString.call(obj) === '[object Array]';
}

call改变toString的引用为待检测的对象,返回此对象的字符串表示,然后对比此字符串是否是’[object Array]’,以判断是否是Array的实例。也许你要问为什么不直接o.toString()?嗯,虽然Array继承自Object, 也会有toString 方法,但是这个方法可能会被改写而达不到我们的要求,而object.prototype会很纯净。
和前面的几个方案不同,这个方法很好的解决了跨frame对象构建的问题,经过测试,各大浏览器的兼容也很好,可以放心使用。一个好消息是,很多框架都计划借鉴此方法以实现某些特殊的比如数组,正则表达式等对象类型的判定,不用我们自己写了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值