javascript中伪数组需转为真数组才能使用map等方法，推荐array.from()（兼容性好、支持映射），次选扩展运算符（简洁但不兼容旧环境），传统方案为slice.call（兼容性最佳）。
在 JavaScript 中，伪数组（类数组对象）如 arguments、NodeList、HTMLCollection 等，拥有 length 属性和按数字索引访问的元素，但**没有数组原型上的方法**（如 map、filter、forEach），因此需要转换为真正的 Array 实例才能使用这些方法。
用 Array.from() 转换（推荐，最简洁通用）
Array.from() 是 ES6 引入的标准方法，专为将类数组对象或可迭代对象转为数组设计，兼容 arguments、NodeList、Set、Map.keys() 等：
- ✅ 支持所有类数组和可迭代对象
- ✅ 可选第二个参数作为映射函数（类似
map） - ✅ 返回全新数组，不修改原对象
示例：
// 在函数中处理 arguments
function sum() {
const args = Array.from(arguments); // → [1, 2, 3]
return args.reduce((a, b) => a + b, 0);
}
// 处理 DOM 查询结果
const divs = document.querySelectorAll('div');
const divArray = Array.from(divs); // → true Array
divArray.forEach(div => div.classList.add('processed'));
用扩展运算符 ...（简洁，但有局限）
扩展运算符可在数组字面量或函数调用中展开类数组对象：
- ✅ 语法最短：
[...arrayLike] - ✅ 自动调用
Symbol.iterator，对NodeList（现代浏览器）、arguments（ES6+ 函数）有效 - ❌ 不支持老旧环境（IE 完全不支持）；
arguments在非箭头/严格模式普通函数中可能因被重赋值而失效
示例：
function foo() {
const arr = [...arguments]; // ✅ 推荐用于现代环境
}
const lis = document.getElementsByTagName('li');
const liArr = [...lis]; // ✅ NodeList 在现代浏览器中可迭代
用 Array.prototype.slice.call()（传统兼容写法）
这是 ES5 时代最常用的方案，利用数组方法借用机制：
- ✅ 兼容所有浏览器（包括 IE6+）
- ✅ 对
arguments、HTMLCollection、NodeList（即使不可迭代）都有效 - ❌ 写法略冗长；需注意
slice是“借用”，不是直接调用
示例：
function bar() {
var args = Array.prototype.slice.call(arguments); // → [1, 2, 3]
}
var inputs = document.getElementsByTagName('input');
var inputArr = Array.prototype.slice.call(inputs);
其他注意事项
- 箭头函数没有自己的
arguments，若需类数组参数，应改用剩余参数...args，它本身就是真数组 NodeList在较新浏览器中已实现Symbol.iterator，所以[...nodelist]和Array.from(nodelist)都可用；但HTMLCollection仍不可迭代，必须用Array.from或slice.call- 避免使用
Array.apply(null, arrayLike)—— 容易因参数过多导致栈溢出（尤其大列表）
