js里的类数组对象都有啥

在JavaScript的世界里，类数组对象是一种特殊的数据结构，它具备一些类似数组的特性，但又不完全等同于数组。那么，js里常见的类数组对象都有哪些呢？

最常见的类数组对象之一就是函数内部的arguments对象。当我们在定义一个函数时，函数内部可以通过arguments对象来访问传递给该函数的所有参数。它具有length属性，可以通过索引来访问每个参数值，就像操作数组一样。例如：

function add() {
    let sum = 0;
    for (let i = 0; i < arguments.length; i++) {
        sum += arguments[i];
    }
    return sum;
}
console.log(add(1, 2, 3)); 

HTML DOM中的一些节点集合也是类数组对象。比如通过document.getElementsByTagName获取到的元素集合。它同样有length属性，能通过索引访问其中的元素，但它没有数组的一些方法，如map、filter等。例如：

let lis = document.getElementsByTagName('li');
for (let i = 0; i < lis.length; i++) {
    console.log(lis[i].innerHTML);
}

另外，通过querySelectorAll获取到的节点列表也是类数组对象。它允许我们使用CSS选择器来选择元素，返回的结果可以像数组一样遍历。

还有一些自定义的对象，只要满足具有length属性和可通过数字索引访问元素这两个条件，也可以被视为类数组对象。

虽然类数组对象和数组有相似之处，但要注意它们的区别。类数组对象不能直接使用数组的所有方法。不过，我们可以通过一些方法将类数组对象转换为真正的数组，比如使用Array.from()方法或者展开运算符。例如：

let args = Array.from(arguments);

了解js里的类数组对象对于深入理解JavaScript语言和进行高效的编程非常重要。在实际开发中，我们经常会遇到它们，掌握它们的特点和使用方法，能让我们更好地处理各种数据和操作DOM元素。