JS 里的类数组对象，你真的了解吗？

在JavaScript中，类数组对象是一种拥有类似数组的特性和方法的对象，但是本质上它不是一个数组。类数组对象通常具有以下特点：

1. 拥有一个数字类型的 length 属性，表示对象中元素的个数。
2. 拥有和数组相似的属性和方法，例如：索引访问、forEach()、map()、filter() 等。

常见的类数组对象包括：

• Arguments 对象：传递给函数的参数对象。
• NodeList 对象：包含一组 DOM 元素的集合。
• HTMLCollection 对象：包含一组 HTML 元素的集合。

我们可以使用以下几种方法将类数组对象转换为数组：

• Array.from() 方法：Array.from() 方法可以将类数组对象转换成一个真正的数组。例如：

const args = [1, 2, 3];
const array = Array.from(args);

• 展开运算符：展开运算符也可以将类数组对象转换成数组。例如：

const args = [1, 2, 3];
const array = [...args];

• Array.prototype.slice.call() 方法：Array.prototype.slice.call() 方法可以将类数组对象转换成一个真正的数组。例如：

const args = [1, 2, 3];
const array = Array.prototype.slice.call(args);

• Array.prototype.map.call() 方法：Array.prototype.map.call() 方法可以将类数组对象转换成一个真正的数组。例如：

const args = [1, 2, 3];
const array = Array.prototype.map.call(args, (item) => item);

• 循环：我们可以使用循环来将类数组对象转换成一个真正的数组。例如：

const args = [1, 2, 3];
const array = [];
for (let i = 0; i < args.length; i++) {
  array.push(args[i]);
}

根据需要，我们可以选择合适的方法将类数组对象转换成一个真正的数组。