Array.from使用以及与[…obj]的区别

  • Array.from使用以及与[…obj]的区别已关闭评论
  • 188 次浏览
  • A+
所属分类：Web前端
摘要

通常Array都用于数组去重。下面是Array的详细用法：1.将类似组转化为真正的数组
便宜好用的国外VPS推荐

一、Array.from使用

通常Array都用于数组去重。下面是Array的详细用法：

1.将类似组转化为真正的数组

 

Array.from使用以及与[...obj]的区别

函数参数转化为数组

Array.from使用以及与[...obj]的区别

 dom转化为数组

Array.from使用以及与[...obj]的区别

这里强调一下，

  • 必须有length属性，否则返回的是空数组。
  • 索引必须是字符串数字，否则返回的是[undefined,undefined,undefined，undefined]

2.将Set结构的数据转换为真正的数组并去重

 

Array.from使用以及与[...obj]的区别

 3.Array.from还有第二个参数，处理第一个数组每一项内容。

Array.from使用以及与[...obj]的区别

 4.将字符串转化为数组

Array.from使用以及与[...obj]的区别

 5.复制数组

Array.from使用以及与[...obj]的区别

 强调：如果数组内有引用，引用是不会重新复制的，如图所示：

 

Array.from使用以及与[...obj]的区别

 

二、Array.from与[...]区别

Array.from使用以及与[...obj]的区别

 

 

 

Array.from使用以及与[...obj]的区别

 如图所示：上面的obj 因为不能被迭代 所以在进行[…obj]转换的时候就会报错object is not iterable,所以我们如果需要在obj上进行…运算，还需要在上面增加一个属性[Symbol.iterator]

Array.from使用以及与[...obj]的区别

 

便宜好用的国外VPS推荐