js isArray小结

原文:[转载]js isArray小结

在日常开发中，我们经常需要判断某个对象是否是数组类型的，在js中检测对象类型的常见的方法有几种：



1、typeof操作符。对于Function、String、Number、Undefined这几种类型的对象来说，不会有什么问题，但是针对Array的对象就没什么用途了：

Js代码  isArray小结" alt="收藏代码"
src="http://www.iteye.com/images/icon_star.png">

1. alert(typeof null); // "object"


2. alert(typeof []); // "object"

Js代码  isArray小结" alt="收藏代码"
src="http://www.iteye.com/images/icon_star.png">

1. var arr = [];


2. alert(arr instanceof Array); // true

Js代码  isArray小结" alt="收藏代码"
src="http://www.iteye.com/images/icon_star.png">

1. var arr = [];


2. alert(arr.constructor == Array); // true

Js代码  isArray小结" alt="收藏代码"
src="http://www.iteye.com/images/icon_star.png">

1. var iframe = document.createElement_x(‘iframe‘);


2. document.body.appendChild(iframe);


3. xArray = window.frames[window.frames.length-1].Array;


4. var arr = new xArray(1,2,3); // [1,2,3]


5. // 哎呀！


6. arr instanceof Array; // false


7. // 哎呀呀！


8. arr.constructor === Array; // false

Js代码  isArray小结" alt="收藏代码"
src="http://www.iteye.com/images/icon_star.png">

1. isArray: function(object) {


2. return object != null && typeof object == "object" &&


3. ‘splice‘ in object && ‘join‘ in object;


4. }

Js代码  isArray小结" alt="收藏代码"
src="http://www.iteye.com/images/icon_star.png">

1. var trickster = { splice: 1, join: 2 };


2. Object.isArray(trickster); // 假冒成功，耶

ECMA-262 写道

Object.prototype.toString( ) When the toString method is called, the
following steps are taken:
1. Get the [[Class]] property of this object.

2. Compute a string value by concatenating the three strings “[object “, Result
(1), and “]”.
3. Return Result (2)


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

ECMA-262 写道

new Array([ item0[, item1 [,…]]])
The [[Class]] property of the
newly constructed object is set to “Array”.



于是乎，可以改写之前的isArray函数以利用这个特性，如下：

Js代码  isArray小结" alt="收藏代码"
src="http://www.iteye.com/images/icon_star.png">

1. function isArray(o) {


2. return Object.prototype.toString.call(o) === ‘[object Array]‘;


3. }

js isArray小结