JS判断数组的方法

判断一个数组的方法有以下三种:
var obj = [1, 2, 3]

• Array.isArray(obj)

• obj instanceof Array 或 obj.constructor === Array

• Object.prototype.toString.call(obj) === ‘[object Array]’

三种方法的区别？

Array.isArray(obj)

• 作用：用于确定传递的值是否是一个 Array。
• 参数：obj为需要检测的值。
• 返回值：如果对象是 Array，则为true; 否则为false。

obj instanceof Array 或 obj.constructor === Array

• 作用：用来检测 constructor.prototype 是否存在于参数 obj 的原型链上。
• obj: 为要检测的对象。
• Array(constructor)：某个构造函数。
• 返回值：如果存在返回true, 不存在则返回false。

obj.constructor === Array

• 原理同obj instanceof Array

Object.prototype.toString.call(obj)

• 作用：方法返回一个表示该对象的字符串。
• 描述：每一个继承 Object 的对象都有 toString 方法，如果 toString 方法没有重写的话，会返回 [Object type]，其中 type 为对象的类型。但当除了 Object 类型的对象外，其他类型直接使用 toString 方法时，会直接返回都是内容的字符串，所以我们需要使用call或者apply方法来改变toString方法的执行上下文。
• obj: 为要检测的对象。
• 返回值：如果是数组，返回’[object Array]’, 否则返回’[object type]’ (type为其他类型)。

如果直接调用toString()，则会直接返回对象的内容，如下：

var obj = [1, 2, 3];
obj.toString(); // '1,2,3'

三种方法的优劣势？

instanceof 与 isArray对比

当检测Array实例时，Array.isArray 优于 instanceof ，因为 Array.isArray 可以检测出 iframe, 而instanceof无法做到。 例如：

var iframe = document.createElement('iframe');
document.body.appendChild(iframe);
xArray = window.frames[window.frames.length-1].Array;
var arr = new xArray(1,2,3); // [1,2,3]

// Correctly checking for Array
Array.isArray(arr);  // true
// Considered harmful, because doesn't work though iframes
arr instanceof Array; // false

具体请参考 Array.isArray() – MDN

Array.isArray() 与 Object.prototype.toString.call()对比

Array.isArray()是ES6新增的方法，当不存在 Array.isArray()时 ，可以用 Object.prototype.toString.call() 实现。具体如下：

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

JS判断数组的方法 是前端面试常考点，在此做下记录，希望帮助到更多的伙伴~?