ES6扩展运算符(...)的使用

虽说es6早已面世，但在下还算是新手，由于工作限制，基本很少用到，最近看了一些代码，发现里边有很多(...)看的一脸懵B，所以去查了一些资料，也自己实践了一下，这里做一下总结。

1、用在函数当中.(这里主要作用是将数组拆分并入到另一个数组中)
function concat(arr,...args){
    arr.push(...args);
    return arr;
};
let arr = [1];
let arr2 = [2,3,4,5,6];
concat(arr,...arr2);//输出为:[1,2,3,4,5,6];
2、用于数组的拼接，代替concat方法。
let arr3 = [111];
let arr4 = [222];
[...arr3,...arr4];//[111,222]
3、找出数组中的最大值
let arr5 = [2,3,4,5,7,88,9];
Math.max(...arr5);//88
4、截取数组中第一位数，并修改原数组
const [x,...y] = [9,2,3,4,5,6];//x:9,y:[2,3,4,5,6]
5、代替split方法，将字符串分割成数组
let arr6 = 'hello';
[...arr6];//["h", "e", "l", "l", "o"]
6、数组去重，转换为set
let arr7 = [2,2,2,2,4,5,66,6,7,66];
[...new Set(arr7)];复制代码

转载于:https://juejin.im/post/5c416ea7f265da6153050717