【JS】Array.from 用法

Array.from介绍

Array.from：允许在 JavaScript 集合(如: 数组、类数组对象、或者是字符串、map 、set 等可迭代对象) 上进行有用的转换。

什么意思呢？就是允许你把map，set，字符串这类不是数组解构的数据，直接转换为数组保存

语法

Array.from(arrayLike[, mapFunction[, thisArg]])

• arrayLike: 必传参数，想要转换成数组的伪数组或可迭代对象
• mapFunction：可选参数，如果填了会在每个数组项上调用该函数
• thisArg：可选参数，执行回调函数 mapFunction 时 this 对象。

1，将类数组转换成数组

Array.from('Hey');                   // => ['H', 'e', 'y']
Array.from(new Set(['one', 'two'])); // => ['one', 'two']
 
const map = new Map();
map.set('one', 1)
map.set('two', 2);
Array.from(map); // => [['one', 1], ['two', 2]]

2，克隆数组

const numbers = [3, 6, 9];
const numbersCopy = Array.from(numbers);
 
numbers === numbersCopy; // => false

Array.from(numbers) 创建了对 numbers 数组的浅拷贝，numbers === numbersCopy 的结果是 false，意味着虽然 numbers 和 numbersCopy 有着相同的项，但是它们是不同的数组对象。

3，数组去重

因为Array.form（）可以把set转换成数组，所以可以利用Set来实现快速的数组去重

function unique(array) {
  return Array.from(new Set(array));
}
 
unique([1, 1, 2, 3, 3]); // => [1, 2, 3]