类数组和数组的区别?

一、定义

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

  • 11
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值