javascript判断是否为数组的方法

javascript判断是否为数组的方法

很多时候我们需要对JavaScript中数据类型(

Function、String、Number、Undefined、Boolean和Object

)做判断。在JavaScript中提供了

typeof

操作符可以对这些常用的数据类型做判断。但要使用

typeof

来判断数据是不是一个数组，就不起作用了

console.log(typeof function () {return;}); // function
console.log(typeof "a"); // string
console.log(typeof 123); // number
console.log(typeof a); //undefined
console.log(typeof true); // boolean
console.log(typeof NaN); // number
console.log(typeof !NaN); //boolean
console.log(typeof {name:"leo",age: "37"}); // object
console.log(typeof ["leo","37"]); // object
console.log(typeof null); // object

es5的isArray()函数

var arr = [1,2,3,45];
function isArray(obj){
return Array.isArray(obj);
}
alert(isArray(arr));

ECMAScript 5 还有着非常大的兼容性，所以我们并不能完美的使用原生判断，当使用ie6／7／8的时候就会出现问题。

construct和instanceof

constructor

属性返回对创建此对象的函数的引用,使用此属性可以检测数组类型

除了使用constructor自身属性之外，还可以使用

instanceof

。

instanceof用来判断某个构造函数的

prototype

是否存在于被检测对象的原型链里。也就是判断前面的对象是否是后者对象的类或者实例。

var arr = [1,2,3,45];
console.log(arr.constructor === Array);

console.log(arr instanceof Array);

缺点：需要注意的是，当在不同的window或iframe里构造的数组时会失败。这是因为每一个iframe都有它自己的执行环境，彼此之间并不共享原型链，所以此时的判断一个对象是否为数组就会失败。此时我们有一个更好的方式去判断一个对象是否为数组。

当你在多个frame中回来跳的时候，这两种方法就惨了。由于每一个frame都有自己的一套执行环境，跨frame实例化的对象彼此并不共享原型链，通过instanceof操作符和constructor属性检测的方法自然会失败。

Object.prototype.toString

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

alert(is_array(arr));

使用

Object.prototype.toString

方法来检测对象类型。toString将返回

[object type]

type

为对象类型。下面是对象检测显示的结果。

var toString = Object.prototype.toString;
console.log(toString.call(dd));//[object Function]
console.log(toString.call(new Object));//[object Object]
console.log(toString.call(new Array));//[object Array]
console.log(toString.call(new Date));//[object Date]
console.log(toString.call(new String));//[object String]
console.log(toString.call(Math));//[object Math]
console.log(toString.call(undefined));//[object Undefined]
console.log(toString.call(null));//[object Null]

因此我们可以利用对象的Object.prototype.toString方法检测对象是否为数组。在frame下也通过。

- #### 最佳检测 -Array和Object.prototype.toString结合

最佳检测方法就是，不管原生isArray是否可用，都回归到object.prototype.toString的检测上。

-

Object.prototype.toString

的行为：首先，取得对象的一个内部属性

[[Class]]

，然后依据这个属性，返回一个类似于”[object Array]”的字符串作为结果(看过ECMA标准的应该都知道，

[[]]

用来表示语言内部用到的、外部不可直接访问的属性，称为“内部属性”)。利用这 个方法，再配合call，我们可以取得任何对象的内部属性[[Class]]，然后把类型检测转化为字符串比较，以达到我们的目的。

-

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。

<script>
var isArray = function () {
if (Array.isArray) {
return Array.isArray;
}
var objectToStringFn = Object.prototype.toString,
arrayToStringResult = objectToStringFn.call([]);
return function (subject) {
return objectToStringFn.call(subject) === arrayToStringResult;
};
}();
alert(isArray(arr));// true
<script>