【无标题】

总结

  1. Array.isArray(obj) ✅ 推荐
  2. obj instanceof Array
  3. Object.prototype.toString.call(obj) === '[object Array]'
  4. Array.prototype.isPrototypeOf(obj)

方法对比

方法 是否推荐 说明
Array.isArray(obj) ✅ 强烈推荐 最直接、最准确的方式
obj instanceof Array ✅ 推荐 适用于单一全局环境,跨框架可能出错
Object.prototype.toString.call(obj) ✅ 推荐 可靠的通用方法,适用于所有对象类型判断
Array.prototype.isPrototypeOf(obj) ❌ 不推荐 判断的是原型链,不能准确判断是否为数组实例

示例代码

1. Array.isArray()

js 复制代码
const arr = [1, 2, 3];
console.log(Array.isArray(arr)); // true

const obj = {};
console.log(Array.isArray(obj)); // false

2. instanceof Array

js 复制代码
const arr = [1, 2, 3];
console.log(arr instanceof Array); // true

const obj = {};
console.log(obj instanceof Array); // false

⚠️ 注意:instanceof 在跨框架(如 iframe)时可能返回 false

3. Object.prototype.toString.call()

js 复制代码
const arr = [1, 2, 3];
console.log(Object.prototype.toString.call(arr)); // [object Array]

const obj = {};
console.log(Object.prototype.toString.call(obj)); // [object Object]

这是最通用、最安全的类型判断方式,适用于任何 JavaScript 环境。

4. Array.prototype.isPrototypeOf()

js 复制代码
const arr = [1, 2, 3];
console.log(Array.prototype.isPrototypeOf(arr)); // true

const obj = {};
console.log(Array.prototype.isPrototypeOf(obj)); // false

⚠️ 此方法判断的是原型链关系,并非是否为数组实例,不推荐用于判断数组。

推荐用法

  • 优先使用 Array.isArray():简洁、准确、标准。
  • 次选 Object.prototype.toString.call():适用于需要兼容旧环境或判断多种类型时。

注意事项

  • 避免使用 typeof 判断数组:typeof [] 返回 "object"
  • 避免使用 instanceof 在跨全局对象(如多个 window)的场景中使用。

相关推荐
机器视觉知识推荐、就业指导9 分钟前
Qt 和 C++,是不是应该叫 Q++ 了?
开发语言·c++·qt
lichenyang45315 分钟前
从零开始构建 React 文档系统 - 完整实现指南
前端·javascript·react.js
比特森林探险记15 分钟前
Hooks、状态管理
前端·javascript·react.js
m0_7482299926 分钟前
ThinkPHP快速入门:从零到实战
c语言·开发语言·数据库·学习
liu****27 分钟前
三.Qt图形界面开发完全指南:从入门到掌握常用控件
开发语言·c++·qt
布茹 ei ai40 分钟前
Python屏幕监视器 - 自动检测屏幕变化并点击
开发语言·python
小龙报1 小时前
【C语言进阶数据结构与算法】单链表综合练习:1.删除链表中等于给定值 val 的所有节点 2.反转链表 3.链表中间节点
c语言·开发语言·数据结构·c++·算法·链表·visual studio
比特森林探险记1 小时前
组件通信 与 ⏳ 生命周期
前端·javascript·vue.js
黎雁·泠崖1 小时前
Java抽象类与接口:定义+区别+实战应用
java·开发语言
海绵宝龙1 小时前
Vue中nextTick
前端·javascript·vue.js