在 JavaScript 开发中，类数组对象（如 arguments、DOM 节点列表）缺乏数组方法。请说明将类数组对象转换为真实数组的几种实现方式，并给出每种方式的具体代码示例。
考察说明
考查对类数组对象本质的理解以及常见转换方法的掌握程度。
回答思路
- 【回答框架 1】类数组对象具有 length 属性和索引访问特性，但原型链上缺少 Array.prototype 的方法，因此无法直接调用 map、filter 等。转换的核心是借用数组方法或生成新数组实例。
- 【回答框架 2】常见转换方式一：使用 Array.prototype.slice.call(arrayLike, 0)，原理是 slice 不修改原对象，通过 call 传入类数组对象并返回一个新数组；在 ES6 中也可用 Array.from(arrayLike)，它更通用，能处理可迭代对象并支持映射函数。
- 【回答框架 3】方式二：使用展开运算符 [...arrayLike]，要求对象可迭代（即实现 Symbol.iterator），对于 arguments 和多数 DOM 集合适用，但普通对象字面量不适用。方式三：逐个遍历并 push 到新数组，适用于所有类数组，但代码较繁琐。
- 【回答框架 4】实际开发中优先使用 Array.from，因为它语义清晰、支持类数组与可迭代对象，且可通过第二个参数做映射。若目标环境不支持 ES6，可用 slice 或 concat 方式，但注意 concat 需要正确展开。
- 【回答框架 5】转换后即可调用数组方法，但需注意性能差异：大规模数据下直接遍历可能比 slice 稍慢，但通常可忽略；选择时以兼容性和可读性为准。
- 【关键点 1】Array.from 是最推荐的转换方式，支持类数组和可迭代对象。
- 【关键点 2】slice.call 利用函数借用，适用于所有类数组对象。
- 【关键点 3】展开运算符要求对象可迭代，并非所有类数组都满足。
- 【易错点 1】不能对普通对象直接使用展开运算符，需先确认其可迭代性。
- 【易错点 2】Array.from 的映射函数需注意 this 指向，如需绑定需用箭头函数或 bind。