11、ES6三点运算符

作用。

三点运算符(...)的作用就是：循环设置。具体作用有2点。

• 函数的可变参数。
• 循环迭代数组，把一个数组的值放到另一个数组中。

例子1：三点运算符在函数中声明可变参数。

//三点运算符，声明可变长度的参数
    function add2(...value) {
        value.forEach(function (item,index) {
            console.log(item,index);
        })
    }
    add2(2,3,4,5,6);

上面代码中的value前面加三个点，就是一个可变参数。也就是一个数组。调用的时候直接传递值即可。函数内部使用的时候，把value当成一个数组就行。实际上value在函数内部确实封装成了一个数组。

例子2：多个参数时，可变参数一定要放在最后。

//可变长度的参数，一定要放在参数最后面
    function add3(a,b,c,...value) {
        value.forEach(function (item,index) {
            console.log(item,index);
        })
    }
    add3(2,3,4,5,6);

上面代码中，前3个参数设置好了，最后一个是可变参数。

例子3：三点运算符，把一个数组的元素，放到另一个数组中。

    let arr1 = [5,6];

    let arr2 = [1,2,...arr1,9,10];
    console.log(arr2);//输出 数组对象 [1,2,5,6,9,10];
    console.log(...arr2);//相当于把数组里的值迭代输出 1 2 5 6 9 10

上面有2个地方使用了三点运算符，一是把数组的值放到另一个数组中，二是循环输出数组的值。

打印如下：

例子4：调用函数返回数组。使用三点运算符迭代输出。

function testArr() {
    return ["张三",35,"男"];
}
console.log(...testArr());//输出  张三 35 男