扩展运算符

一、遍历数组（数组）

 var arr = [1, 2, 3, 4]
    console.log(...arr);

二、可以当做数组的参数（数组）

  var numArr = ['a', ...arr, 'b']
    console.log(numArr);

三、深拷贝 传值（数组）

 var arrA = [...arr]
    console.log(arrA);
    arrA.unshift(0)
    console.log(arrA);
    console.log(arr);

四、可以当做数组的参数（数组）

  function fn(x, ...y) {
        console.log(x);
        console.log(...y);
    }
     // fn(arr[0], arr[1],arr[2],arr[3])
    fn(...arr)

五、可以和解构赋值连用（数组）

   let [a, ...b] = [1, 2, 3, 4]
    console.log(a);
    console.log(b);

六、可以将伪数组，转换成真正的数组（数组）

 var str = '我们真好'
    console.log(Array.of(1, 2, 3));
    console.log(Array.from(str));
    console.log([...str]);

一、对象的遍历（对象）

   var obj = {
        name: 'name',
        age: 18,
        sex: '男'
    }
    console.log(obj.name = 'zs');
    console.log({ ...obj, name: 'zs', age: 20 });

二、可以当做数组的参数（对象）

  var obj_1 = {
        a: 1,
        b: 2
    }
    var obj_2 = {
        b: 3,
        ...obj_1,
        /*      a: 1,
                b: 2 */

    }
    console.log(obj_2);

三、解构对象（对象）

const user = {
  firstname: 'Chris',
  lastname: 'Bongers',
  age: 31
};
const {firstname, ...rest} = user;
console.log(firstname);
console.log(rest);
// 'Chris'
// { lastname: 'Bongers', age: 31 }

四、对象的复制（对象）

 let o1 = {
    name:"张三",
    age:18
};

//（1）赋值的是引用，指向的是同一个对象；
let o2 = o1;
console.log(o2,o2===o1);
//{name: "张三", age: 18} true

//（2）复制对象，两个是不同的对象：
let o3 = {...o1};
console.log(o3,o3===o1);
//{name: "张三", age: 18} false