Array.isArray 跟 instanceof 的差异

tanleiDD

于 2021-03-03 15:06:37 发布

阅读量2.1k

点赞数 3

分类专栏：前端文章标签： javascript

本文链接：https://blog.csdn.net/TL18382950497/article/details/114314930

版权

前端专栏收录该内容

69 篇文章

订阅专栏

本文探讨了JavaScript中用于判断对象类型的Array.isArray和instanceof操作符的区别。Array.isArray()方法能准确判断一个对象是否为数组，而instanceof则是检查对象的原型链上是否存在指定构造函数的.prototype。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Array.isArray

如果参数是数组一定返回true，否则一定返回false，在判断对象是否为数组时，采用Array.isArray 更加可靠

instanceof

众所周知，instanceof 的工作原理是判断右边参数的原型是否在左边参数的原型链上

对比

Array.isArray

//  Array.prototype 也是一个数组。
Array.isArray(Array.prototype);	// true

// 原型对象指向数组原型的对象也可以被分辨
Array.isArray({ __proto__: Array.prototype });	// false

// isArray可以跨iframe工作
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]

Array.isArray(arr);  // true

instanceof

// 不能正确判断 Array.prototype
Array.prototype instanceof Array	// false

// 可以被刻意误导
{ __proto__: Array.prototype } instanceof Array // true

// 不能跨iframe 工作
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]

arr instanceof Array;	// false