es6三点运算符的用法

扩展运算符（ spread ）是三个点（...）。它好比 rest 参数的逆运算，将一个数组转为用逗号分隔的参数序列。

 console.log(...[1,2,3]); // 1 2 3 2 console.log(1,...[1,2,3],5); // 1 1 2 3 5 

 

合并多个数组

通过push函数，将一个数组添加到另一个数组的尾部；有了扩展运算符，就可以直接将数组传入push方法；

扩展运算符提供了数组合并的新写法。

    var arr1 = [0,1,2];
    var arr2 = [3,4,5];
    arr1.push(...arr2); // [0,1,2,3,4,5]
    console.log(arr1);

    var arr4 = ['a','b'];
    var arr5 = ['c'];
    var arr6 = ['d','e'];
    // es5合并数组
    arr4.concat(arr5,arr6);
    // es6合并数组
    var newArr = [...arr4,...arr5,...arr6];
    console.log(newArr);

简化求出一个数组最大元素的写法，由于 JavaScript 不提供求数组最大元素的函数，所以只能套用Math.max函数，将数组转为一个参数序列，然后求最大值。有了扩展运算符以后，就可以直接用Math.max了。

 console.log(Math.max(...[14,2,7])); // 14  

扩展运算符赋值

如果将扩展运算符用于数组赋值，只能放在参数的最后一位，否则会报错

    const [first,...rest] = [1,2,3,4,5];
    console.log(first); // 1
    console.log(rest); // [2,3,4,5]

    // 如果将扩展运算符用于数组赋值，只能放在参数的最后一位，否则会报错。
    const [f,...r] = [];
    console.log(f,r); // undfined,[]

    const [f1,...r1] = ["foo"];
    console.log(f1,r1); // foo,[]