DOM 对象列表-HTMLCollectionOf 不能进行数据的获取

最新推荐文章于 2024-07-29 09:30:07 发布

原创最新推荐文章于 2024-07-29 09:30:07 发布 · 3k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #html #vue.js #jquery #html5

js 专栏收录该内容

9 篇文章

订阅专栏

本文探讨了伪数组的概念，这些对象拥有length属性和索引数据，但不具备数组的方法。例如，函数内部的arguments对象和DOM对象列表就是伪数组。为了解决这个问题，文章介绍了四种转换方法：使用Array.prototype.slice.call()、Array.from()、扩展运算符以及slice.call()。通过这些方法，可以将伪数组转换为真正的数组，从而能够应用数组的方法。

拥有 length 属性且索引被当做字符串处理，同时不具备数组所具有的方法这里把这种对象称为伪数组-函数内部的 arguments、DOM 对象列表等
伪数组
- 具有length属性
- 按索引方式存储数据
- 不具有数组的push,pop等方法
解决办法

解决方法

1. const arr = [].slice.call(htmlCollection);
2. const arr = Array.from(htmlCollection);
3. const arr = [...htmlCollection];
4. const arr = [].slice.call(htmlCollection)