JS中判断对象是否是数组的方法

今天有同事忽然问到如何判断一个对象是否是数组，当时只想到啦instanceof操做符，后来又搜集了一些文章，总结出如下方法。

1、typeof 操做符

在js中使用typeof操做符来判断function string number boolean undefined等是没有问题的。可是若是要检测Array就没有做用了，由于typeof判断array和null的结果都是object。

alert(typeof null); // "object"
alert(typeof function () {
return 1;
}); // "function"
alert(typeof 'abcd'); // "string"
alert(typeof true); //boolean
alert(typeof 1); // "number"
alert(typeof a); // "undefined"
alert(typeof undefined); // "undefined"
alert(typeof []); // "object"
复制代码

2、instanceof 操做符

var arr = [];
console.log(arr instanceof Array);
复制代码

arr instanceof Array的含义是：判断Array的prorotype属性是否是在arr的原型链上，是返回true,否返回false;

3、对象的constructor属性

除了instanceof，每一个对象还有constructor的属性，利用它彷佛也能进行Array的判断

var arr = [];
console.log(arr.constructor === Array);
复制代码

4、instanceof 和 constructor 的缺陷

经过使用 instanceof 和 constructor 来判断对象是否是数组，在大多数状况下是能够的，但实际上也仍是有缺陷的，当页面上有多个frame,须要在多个iframe中来回切换时，这种方法的缺陷就表现出来啦。

因为每一个iframe都有一套本身的执行环境，跨frame实例化的对象彼此是不共享原型链的，所以致使instanceof和constructor失效。

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 
复制代码

5、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. 这种方法在识别内置对象时每每十分有用，但对于自定义对象请不要使用这种方法。

6、Array.isArray()

ECMAScript5中引入了Array.isArray()方法，用于专门判断一个对象是否是数组，是返回true，不是返回false;目前全部主流浏览器和IE9+都对其进行了支持，IE8及如下浏览器不支持该方法。

7、一种最佳的判断方法

综合以上方法的优缺点，能够有一个最佳的判断数组的写法：

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]";
    }
}
console.log(isArrayFn(arr));// true
console.log(isArrayFn(arr2));// true
复制代码