类数组和数组的区别?

2024-01-08 14:20:41

一、定义

数组继承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() 或扩展运算符,因为它们更简洁、可读性更好,并且在功能上更强大。

文章来源:https://blog.csdn.net/weixin_45345234/article/details/135420110
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。