ES6扩展运算符（...）

ES6扩展运算符（…）

对于数组

  //1.遍历数组
    var arr = [1, 2, 3, 4]
    console.log(...arr); //1 2 3 4
    
    //2.可以当作数组的参数
    var numArr = ['a', ...arr, 'b']
    console.log(numArr); //['a', 1, 2, 3, 4, 'b']
    
    //3.深拷贝 传值（不会改变原数组）
    var arrA = [...arr]
    console.log(arrA);//[1, 2, 3, 4]
    arrA.unshift(0)
    console.log(arrA);//[0, 1, 2, 3, 4]
    console.log(arr); //[1, 2, 3, 4]
    
    //4.可以作为函数中的参数
    function fn(x, ...y) {
        console.log(x); //1
        console.log(...y); //2 3 4
    }
    fn(...arr)
    //5.可以和解构赋值连用
    let [a, ...b] = [1, 2, 3, 4]
    console.log(a); //1
    console.log(b); //[2, 3, 4]
    //6.可以将伪数组，转换成真正的数组
    var str = '我们真好'
    console.log(Array.of(1, 2, 3)); // [1, 2, 3]
    console.log(Array.from(str)); //['我', '们', '真', '好']
    console.log([...str]); //['我', '们', '真', '好']

对于对象

 	//1.对象的遍历
    var obj = {
        name: 'name',
        age: 18,
        sex: '男'
    }
    console.log(obj.name = 'zs'); //zs
    console.log(obj); // {name: 'zs', age: 18, sex: '男'}
    console.log({ ...obj, name: 'zs', age: 20 });
    //{name: 'zs', age: 20, sex: '男'}
    
    //2.对象的合并
    var obj_1 = {
        a: 1,
        b: 2
    }
    var obj_2 = {
        b: 3,
        ...obj_1,
    }
    console.log(obj_2); //{b: 2, a: 1}
    
    //3.对象深拷贝
    let bar = { a: 1, b: 2 };
    let bar_1 = { ...bar, name: 'name' };
    console.log(bar_1); //{a: 1, b: 2, name: 'name'}
    console.log(bar);   //{a: 1, b: 2}
    
  	//4.与解构赋值结合，对象的浅拷贝
    let obj_4 = { a: { b: 1 } };
    let { ...x } = obj_4;
    console.log(x);  //{a:{b:2}}
    obj_4.a.b = 2;
    console.log(obj_4);  //{a:{b:2}}