类数组对象是具有length属性和数字索引但非Array实例的对象，如arguments、NodeList、HTMLCollection；可通过Array.from()（推荐）、扩展运算符或Array.prototype.slice.call()转换为真数组以使用数组方法。
JavaScript 中数组方法不能直接操作类数组对象，但可以通过多种方式“借用”数组方法来处理它们。
什么是类数组对象
类数组对象是指具有 length 属性 和若干数字索引属性（如 0、1），但**不是 Array 实例**的对象。常见例子包括：
- 函数内部的 arguments 对象
- document.querySelectorAll() 返回的 NodeList（旧版 IE 中）
- HTMLCollection（如 document.getElementsByTagName()）
用 call/apply 借用数组方法
这是最传统也最通用的方式：把数组原型上的方法（如 slice、forEach、map）通过 call 或 apply 绑定到类数组对象上。
-
Array.prototype.slice.call(arrayLike)→ 转为真数组（兼容性最好） -
Array.prototype.forEach.call(arrayLike, callback)→ 直接遍历，不生成新数组 -
Array.prototype.map.call(arrayLike, callback)→ 映射并返回新数组（需确保返回值有意义）
例如：
function logArgs() {
Array.prototype.forEach.call(arguments, console.log);
}
logArgs('a', 'b', 'c'); // 输出 a, b, c用 Array.from() 转换为数组
Array.from() 是 ES6 提供的现代方案，专为转换类数组或可迭代对象设计，支持映射函数和 this 绑定。
立即学习“Java免费学习笔记（深入）”；
-
Array.from(arguments)→ 简洁转为数组 -
Array.from(document.querySelectorAll('div'), el => el.id)→ 获取所有 div 的 id 数组 - 对
NodeList、HTMLCollection、arguments都有效
注意：IE 不支持 Array.from，需 polyfill 或搭配 Babel。
扩展运算符（...）展开
适用于**可迭代的类数组对象**（如现代浏览器中的 NodeList、arguments 在箭头函数外也适用），语法最简洁：
-
[...arguments]→ 转为数组 [...document.querySelectorAll('p')].map(p => p.textContent)
⚠️ 注意：HTMLCollection 在部分老环境（如 IE）中不可迭代，此时会报错，应优先用 Array.from 或 slice.call。
为什么不直接用数组方法？
因为类数组对象缺少数组的内置方法（如 push、filter、includes）。调用 arguments.push(1) 会报 TypeError —— 它没有 push 方法，也不是继承自 Array.prototype。
本质上，操作类数组对象的关键是“桥接”——让数组方法能正确识别其索引结构和 length。选哪种方式取决于目标环境和需求：兼容老浏览器用 slice.call；现代项目优先用 Array.from 或展开运算符。
