判断变量是否为数组（判断变量是否为数组的函数）

myzbx 2025-07-01 22:13 4 浏览

大家好，我是前端西瓜哥，今天带大家学习在 JS 中如何判断一个对象是否为数组。

Array.isArray

最好的写法是使用 Array.isArray(val)。

因为该方法能正确判断 iframe 传过来的变量。

instanceof

val instanceof Array

对于一个普通数组，它的原型链是这样的：

数组实例 -> Array.protype -> Object.prototype -> null

如果一个变量是数组，那它的原型链上就一定会有 Array.prototype。

instanceof 的原理其实就是左值沿着它的原型链，和右侧值的 prototype 属性比较，看是否相等。找到相等的就返回 true，否则返回 false。

但 instanceof 无法处理 iframe 的变量，因为 iframes 的 Array 并不是当前页面的 Array，它们指向各自的内存空间。

const iframe = document.createElement('iframe');
document.body.appendChild(iframe);
const ArrayInFrame = window.frames[0].Array; // iframe中的构造函数
const arr = new ArrayInFrame();
arr instanceof Array // false
Array.isArray(arr); // true

只要是能判断 对象是否在原型链上 的方法都是可以用来判断是否为数组的，所以你还可以用：

// isPrototypeOf 方法
// Array.prototype 是否在 val 的原型链上
Array.prototype.isPrototypeOf(val);
// getPrototypeOf 方法
// val 的上一个原型是否为 Array.prototype
Object.getPrototypeOf(val) === Array.prototype

Object.prototype.toString.call

Object.prototype.toString.call(val) === '[object Array]';

对象都可以通过 toString 方法生成一个字符串，对于对象，通常会返回 [object Xxx] 的形式的字符串，对于数组，则会返回 [object Array]。

结尾

考虑到要兼容 iframe 的变量，所以建议使用 Array.isArray 方案。

此外判断数组还可以使用查找原型链对象的方法，以及通过 toString 得到的字符串的方法。

我是前端西瓜哥，欢迎关注我，掌握更多前端面试题。

JS 数组

上一篇：2023-03-13:给定一个整数数组 A，坡是元组 (i, j)，其中 i ＜ j 且 A[i]
已经是最后一篇了

判断变量是否为数组（判断变量是否为数组的函数）

Array.isArray

instanceof

Object.prototype.toString.call

结尾

相关推荐

使用VSCode模板提高Vue开发效率（vscode开发vue3）

吃透 Vue 项目开发实践|16个方面深入前端工程化开发技巧【下】

移动前端重构实战系列:5-7章（前端移动端主要技术有哪些）

说下你的vue项目的目录结构，该怎么划分?

这么牛逼的cursor功能，赶紧用起来

用上Vue3，你真的变了吗?（vue3 key）

8.7k star，一款超炫酷的动态可视化大屏项目

20个免费音乐音效下载网站，无版权素材商业影片也可用

什么是“恒定光圈”，什么是“浮动光圈”?-摄影早自习第331

谷歌SEO:外贸电商网站On-page SEO优化实战「附案例」