JS 如何将类数组转为真正的数组？

Question

JS 如何将类数组转为真正的数组？

仓乃文 · Accepted Answer

类数组是有 length 属性但不是真正数组的对象，如 arguments、NodeList。转换后才能使用数组的 map、filter 等方法。

Array.from（推荐）：
```javascript
const lis = document.querySelectorAll("li");
const arr = Array.from(lis);  // NodeList → 真正数组

// Array.from 还支持映射
const arr = Array.from(lis, (li) => li.textContent);
```

扩展运算符（最简洁）：
```javascript
const arr = [...document.querySelectorAll("li")];
const args = [...arguments];
```

Array.prototype.slice.call（ES5 兼容）：
```javascript
const arr = Array.prototype.slice.call(arguments);
```

补充说明：
- Array.from 会将空位转为 undefined，slice.call 会保留空位（empty）
- 扩展运算符要求对象可迭代，arguments 在箭头函数中不可用
- NodeList 在现代浏览器已支持 forEach，但仍不支持 map/filter
- Array.from 第二个参数是映射函数，等价于 Array.from(...).map(...) 但只遍历一次