数组继承Array.prototype,具有push(),pop(),shift(),unshift()等方法,类数组只有索引,具有lenth的属性。数组的原型是Array.prototype,类数组的原型是Object.prototype,类数组原型是一个普通对象。
1、Array.from()方法
2、扩展运算符
let nodelist = document.queryselectAll('div')
let arr = [...nodelist]
3、Array.prototype.slice.call()
let nodelist = document.queryselectAll('div')
let arr = Array.prototype.slice.call(nodelist)
Array.prototype.slice.call()
之所以能够将类数组对象转换为数组,是因为 slice
方法本身的设计。在这种用法中,slice
方法被调用在 Array.prototype
上,并且使用类数组对象作为 this
对象。
在这个用法中,slice
方法期望被调用的对象(即 this
)是一个类数组对象,它会根据指定的起始和结束索引创建一个新的数组,其中包含类数组对象的元素。因此,通过这种方式调用 slice
方法,就能够达到将类数组对象转换为数组的效果。
这种方法在早期的 JavaScript 环境中比较常见,因为在 ES6 引入 Array.from()
和扩展运算符之前,这是一种相对简便的方式。现代 JavaScript 环境更推荐使用 Array.from()
或扩展运算符,因为它们更简洁、可读性更好,并且在功能上更强大。