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

一、Array.from使用

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

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

 

函数参数转化为数组

 dom转化为数组

这里强调一下，

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

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

 

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

 4.将字符串转化为数组

 5.复制数组

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

 

 

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

 

 

 

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