js中类数组

在 JavaScript 中，类数组（Array-like Object） 是指那些拥有类似数组的结构和特征，但并不真正是数组的对象。类数组对象有以下几个特征：

1. 具有 length 属性：类数组对象通常都有一个 length 属性，表示其元素的个数。
2. 可以通过整数索引访问元素：类数组对象的元素可以通过数字索引访问，类似于数组的访问方式。
3. 没有数组的数组方法：尽管类数组对象具有类似数组的特性，但它们并不具备真正的数组方法（如 push、pop、shift、unshift、map、forEach 等）。

类数组的示例

1. 函数的 arguments 对象

函数内部的 arguments 对象就是一个典型的类数组对象，包含了所有传入函数的参数。

function example() {
    console.log(arguments);  // 类数组对象
    console.log(arguments.length);  // 类数组对象有 length 属性
    console.log(arguments[0]);  // 类数组对象可以通过索引访问元素
}

example(1, 2, 3);  // 输出: Arguments [1, 2, 3]

arguments 对象不是一个真正的数组，因此它不能直接调用数组的方法，如 map()、forEach() 等。

2. NodeList

在浏览器中，像 document.querySelectorAll() 或 getElementsByTagName() 等方法返回的 NodeList 对象也是类数组对象。

const nodes = document.querySelectorAll('div');
console.log(nodes);  // 类数组对象，包含所有匹配的 div 元素
console.log(nodes.length);  // 可以通过 length 属性获取元素个数
console.log(nodes[0]);  // 通过索引访问 NodeList 中的元素

类数组与数组的区别

虽然类数组和数组有相似之处，但它们也有几个明显的区别：

1. 缺乏数组方法：类数组对象通常不包含数组的方法，例如 forEach、map、push 等。这使得它们不像真正的数组那样灵活。
2. 不是数组实例：类数组对象并不直接继承自 Array，因此它们没有数组的一些特性（比如 Array.isArray() 会返回 false）。

const args = (function() { return arguments; })();
console.log(Array.isArray(args));  // 输出: false，因为 arguments 不是数组

类数组转数组

你可以使用 Array.from() 或 slice() 方法将类数组对象转换为真正的数组。

1. 使用 Array.from()

const args = (function() { return arguments; })();
const arr = Array.from(args);  // 转换为数组
console.log(arr);  // 输出: [1, 2, 3]

2. 使用 slice()

slice() 方法可以用来将类数组对象转换为数组，通常会使用空的 array 作为上下文来调用。

const args = (function() { return arguments; })();
const arr = Array.prototype.slice.call(args);  // 转换为数组
console.log(arr);  // 输出: [1, 2, 3]

总结

类数组对象是那些类似于数组的对象，它们通常拥有 length 属性和整数索引，但没有数组的高级方法。常见的类数组对象有函数的 arguments 对象、DOM 方法返回的 NodeList 等。如果需要，可以将类数组对象转换为真正的数组以便更方便地操作。

• 可以参考博文: https://blog.csdn.net/qq_39225639/article/details/120070969