类数组 转 数组的方法

本文详细介绍了在JavaScript中将类数组对象转换为数组的五种常见方法,包括Array.from、Array.prototype.slice.call、[].slice.call、[].concat.apply和ES6的扩展运算符。通过实际代码示例,展示了每种方法的具体应用。
摘要由CSDN通过智能技术生成
类数组:
类似于数组,它有和数组一样的下标,length,[],但是不能使用数组的方法
比如:
一组元素、arguments

类数组转数组:
  目的就是为了使用数组的方法

(写字母 Array 和 简写 [] 是一样的)
   1. Array.from(li)
  2. Array.prototype.slice.call(li)
  3. [].slice.call(li)
  4. [].concat.apply([],li)
  5. [...li]
 1 const li = document.querySelectorAll("li");
 2     console.log(li);//类数组:有length,有下标。不能用数组的方法,不能修改length
 3 
 4     console.log(Array.from(li));
 5 
 6     console.log(Array.prototype.slice.call(li));
 7 
 8     console.log([].slice.call(li));
 9 
10     console.log([].concat.apply([],li));
11 
12     let lis = [...li];//ES6中的扩展运算符
13     console.log(lis);

 

转载于:https://www.cnblogs.com/MrZhujl/p/9925995.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值