引言
在前端 JavaScript 中，判断一个对象是否为数组有两种常见的方式：使用 Array.isArray() 方法和使用 instanceof 运算符。这两种方式看起来很相似，但是它们之间存在一些重要的区别。本文将深入探讨这些区别，并提供一些实际的使用建议。
Array.isArray
Array.isArray() 方法是 ECMAScript 5 标准中新增的方法，用于检测给定的值是否为数组类型。该方法的语法如下：
Array.isArray(value)
其中，value 表示要检测的值。
该方法返回一个布尔值，如果 value 是数组，返回 true；否则返回 false。
以下是一个简单的示例：
const arr = [1, 2, 3];
console.log(Array.isArray(arr)); // true
const obj = { a: 1, b: 2, c: 3 };
console.log(Array.isArray(obj)); // falseinstanceof
instanceof 运算符也可以用于检测一个对象是否为数组类型。该运算符的语法如下：
object instanceof Array
其中，object 表示要检测的对象。
该运算符返回一个布尔值，如果 object 是数组，返回 true；否则返回 false。
以下是一个简单的示例：
const arr = [1, 2, 3];
console.log(arr instanceof Array); // true
const obj = { a: 1, b: 2, c: 3 };
console.log(obj instanceof Array); // false区别分析
虽然 Array.isArray() 和 instanceof 都可以用于判断数组类型，但它们之间存在以下几个区别：
- 兼容性不同
Array.isArray() 方法在 ECMAScript 5 标准中新增，因此在早期的浏览器版本中可能不存在该方法。不过，在现代的主流浏览器中已经得到支持。
而 instanceof 运算符则是 JavaScript 原生语法，从 ES1 开始就存在并得到广泛使用。
- 处理多窗口和多 iframe 环境的能力不同
Array.isArray() 方法能够正确处理多窗口和多 iframe 环境下的数组类型检测。这是因为每个窗口或 iframe 都有自己的全局执行环境和原型链，即使两个数组看起来一样，在不同的窗口或 iframe 中也可能具有不同的构造函数。
而 instanceof 运算符只能检测当前窗口或 iframe 中的构造函数。
以下是一个示例代码：
-- -------------------- ---- ------- -- - ------- ------- ----------- - --- -- --- -- - ------- ----- ---------- ------- ------ ------ ----- ------ - --------------------------------- ---------------------------------- ----- ----------- - ------------------------- ---------------------------------------- -- ---- ----------------------- ---------- ------- -- -----
在上面的代码中，arrInIframe 是从 window1 传递给 iframe 的数组，因此它们具有相同的值和结构。但是，由于它们位于不同的全局执行环境中，所以 instanceof 运算符返回 false。
- 处理原型链的方式不同
在 JavaScript 中，所有对象都有一个原型对象。如果一个对象的属性或方法无法在自身上找到，那么 JavaScript 将会去它的原型对象上查找。
Array.isArray() 方法可以正确地处理原型链中的数组类型检测。即如果一个对象的原型链上存在 Array 构造函数，那么 Array.isArray() 方法将返回 true。
而
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/27770