Array.isArray() 是判断数组的首选方法,因它跨环境安全且结果准确;而 instanceof 依赖原型链,在多全局环境下可能失效,适用于单一上下文场景。

在 JavaScript 中判断一个值是否为数组时,Array.isArray() 和 instanceof 都可以使用,但它们的行为和适用场景有明显区别。理解这些差异有助于写出更可靠、跨环境兼容的代码。
1. Array.isArray():最可靠的数组检测方法
Array.isArray() 是 ES5 引入的静态方法,专门用于判断一个值是否为数组类型。它不依赖原型链或构造函数,直接检查内部 [[class]] 标识,因此结果最准确。
特点:
- 跨全局执行环境安全(如 iframe 或多个 window)
- 不会被对象的原型或 constructor 属性干扰
- 对所有数组形式都返回 true,包括通过字面量、构造函数创建的数组
示例:
立即学习“Java免费学习笔记(深入)”;
Array.isArray([]); // true Array.isArray([1, 2, 3]); // true Array.isArray(new Array()); // true // 跨 window 环境也能正确识别 const iframe = document.createElement('iframe'); document.body.appendChild(iframe); const arrInIframe = iframe.contentWindow.Array.from([1, 2]); Array.isArray(arrInIframe); // true
2. instanceof:基于原型链的判断方式
instanceof 操作符通过检查对象的原型链中是否存在某个构造函数的 prototype 来判断类型。对于数组,它会查找 Array.prototype 是否出现在对象的原型链上。
问题在于:
- 在多全局环境(如 iframe)中可能失效
- 如果对象的原型被修改,可能导致误判或漏判
- 只能正确识别当前上下文中的 Array 实例
示例:
立即学习“Java免费学习笔记(深入)”;
const arr = [1, 2, 3]; arr instanceof Array; // true // 在 iframe 中创建的数组,在父页面使用 instanceof 会返回 false const arrFromIframe = iframe.contentWindow.Array.from([1, 2]); arrFromIframe instanceof Array; // false!因为两边的 Array 构造函数不同
3. 何时使用哪种方式?
推荐始终优先使用 Array.isArray(),特别是在以下情况:
- 处理来自外部上下文的数据(如 iframe、postMessage)
- 编写库或工具函数,需要高可靠性
- 无法确定对象是否被修改过原型
而 instanceof 更适合在单一执行环境中,且明确知道对象来源的场景。但它不应作为判断数组的唯一标准。
4. 常见误区与替代方案
有些人会用 Object.prototype.toString.call() 来判断数组:
Object.prototype.toString.call([]) === '[object Array]' // true
这种方法也可靠,但语法繁琐,可读性不如 Array.isArray()。现代开发中,直接使用 Array.isArray() 即可。
基本上就这些。Array.isArray() 是判断数组的首选方法,instanceof 虽然直观,但在复杂环境下容易出错。选择合适的方法,能让你的代码更健壮。
以上就是JavaScript 数组判断:Array.isArray() 与 instanceof 的


