扩展运算符

数组

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[0], arr[1], arr[2], arr[3])
    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: 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 obj1 = { x: 1, y: 2, z: 3 }
  let obj2 = { ...obj1 }
  console.log(obj2) //{x: 1, y: 2, z: 3}

4、自定义属性

  let obj1 = { x: 1, y: 2, z: 3 }
  let obj2 = { ...obj1, a: 4, b: 5, c: 6 }
  console.log(obj2);  // { x: 1, y: 2, z: 3, a: 4, b: 5, c: 6 }