JavaScript中的类数组对象如何转换为数组？

类数组对象转数组推荐使用Array.from或扩展运算符，传统方法可用slice.call。例如Array.from(arguments)或[...arguments]可将其转换为数组，以便调用map、filter等方法；NodeList等DOM集合同样适用。注意length需为非负整数且索引从0开始连续，现代环境优先选择Array.from或...，兼容性需求高时使用[].slice.call()。

类数组对象（array-like object）是指具有 length 属性且元素属性名是数值索引的对象，常见如函数内的 arguments、DOM 方法返回的 NodeList 等。它们看起来像数组，但不能直接使用数组方法（如 map、filter）。要将类数组对象转为真正的数组，有几种常用方式。

使用 Array.from()

语法： Array.from(arrayLike)

例如：

j2me3D游戏开发简单教程 中文WORD版

本文档主要讲述的是j2me3D游戏开发简单教程；　如今，3D图形几乎是任何一部游戏的关键部分，甚至一些应用程序也通过用3D形式来描述信息而获得了成功。如前文中所述，以立即模式和手工编码建立所有的3D对象的方式进行开发速度很慢且很复杂。应用程序中多边形的所有角点必须在数组中独立编码。在JSR 184中，这称为立即模式。希望本文档会给有需要的朋友带来帮助；感兴趣的朋友可以过来看看

0

查看详情

• function example() {
•   const args = Array.from(arguments);
•   return args.map(x => x * 2);
• }
• example(1, 2, 3); // [2, 4, 6]

也适用于 NodeList：

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

• const nodeList = document.querySelectorAll('div');
• const divs = Array.from(nodeList);

使用扩展运算符（...）

例如：

• function example() {
•   const args = [...arguments];
•   return args.filter(x => x > 0);
• }

注意：某些旧环境下的 arguments 可能不支持迭代，需配合 Array.from 更稳妥。

使用 Array.prototype.slice.call()

例如：

• function example() {
•   const args = Array.prototype.slice.call(arguments);
• }

也可简写为：[].slice.call(arguments)，原理相同。

注意事项

• 对象的 length 是非负整数
• 索引属性从 0 开始连续（不连续也能转，但可能产生 undefined）
• 对象可被遍历或支持迭代协议（对扩展运算符重要）

基本上就这些方法。现代开发推荐优先使用 Array.from 或 ...，简洁清晰。老环境或需兼容时可用 slice.call。

以上就是JavaScript中的类数组对象如何转换为数组？的详细内容，更多请关注php中文网其它相关文章！