将伪数组转为真数组的三种可靠方式：一是Array.from()，ES6标准方法，语义清晰、兼容性好；二是扩展运算符...，简洁现代但需环境支持；三是Array.prototype.slice.call()，兼容IE9+，稳定经典。

在 JavaScript 中，伪数组（类数组对象）比如 arguments、NodeList、HTMLCollection 等，有长度和索引属性，但没有数组的原生方法（如 map、filter、forEach）。要把它们转成真正的 Array 实例，有几种常用且可靠的方式。

用 Array.from() 最简洁直观

Array.from() 是 ES6 引入的标准方法，专门用于将类数组对象或可迭代对象转为数组，兼容性好（现代浏览器和 Node.js 皆支持），语义清晰：

• 适用于所有类数组对象和可迭代对象（如 Set、Map 的键值）
• 支持第二个参数作为映射函数，一步完成转换+处理

示例：

const nodeList = document.querySelectorAll('div');
const arr = Array.from(nodeList); // ✅ 真正的数组
arr.map(el => el.textContent);   // 可直接调用 map

用扩展运算符 ... 最现代写法

如果目标环境支持 ES6+（如现代浏览器、TypeScript 编译后、Node.js ≥ 8.3），扩展运算符是最简洁的写法：

立即学习“Java免费学习笔记（深入）”；

Alibabacloud Sdk Client Initialization For Java

在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。

下载

• 必须作用于可迭代对象（NodeList、Set 可以；老式 HTMLCollection 在部分旧版 Safari 中可能不可迭代，需注意
• 不能直接用于 arguments（在严格模式或箭头函数中已不推荐使用，但若存在仍可用）

示例：

const divs = [...document.getElementsByTagName('div')]; // ✅

用 Array.prototype.slice.call() 兼容老环境

这是 ES5 时代的经典方案，兼容 IE9+，原理是借用数组的 slice 方法并绑定伪数组的 this：

• 适用于所有具备 length 和数字索引的类数组对象（包括 arguments）
• 写法稍长，但稳定可靠，适合需要支持老旧浏览器的项目

示例：

function example() {
  const args = Array.prototype.slice.call(arguments); // ✅ arguments → 数组
  return args.map(x => x * 2);
}

避免用 Array.prototype.concat() 或 new Array()

有些写法看似可行，但有隐患：

• Array.prototype.concat.apply([],伪数组)：能用但冗长，且对稀疏伪数组行为不如 Array.from 明确
• new Array(伪数组)：会把整个伪数组当做一个元素，生成单元素数组，❌ 错误用法

不推荐，易出错，语义不清。