扩展运算符： ...数组/对象

/* 
       扩展运算符： ...数组/对象
    */
    // 1、遍历数组
    var arr = [10, 20, 30, 40, 50]
    console.log(arr);
    var [x, y, z, m, n] = arr
    console.log(x, y, z, m, n);
    console.log(...arr);
    // 2、当做数组中的元素
    var arr2 = ['a', ...arr, 'b']
    console.log(arr2);
    // 3、深拷贝  
    var [...newArr] = arr
    console.log(newArr);
    newArr.push(60)
    console.log(newArr);
    console.log(arr);
    // 4、函数的调用
    function fn(x, y, z, m, n) {
        console.log(x, y, z, m, n);
    }
    // fn(arr[0], arr[1])
    fn(...arr)
    // 5、与解构赋值结合
    var [x, ...arr3] = arr
    console.log(x, ...arr3);
    // 6、转换成真正的数组
    var str = '我们是web21期'
    console.log(Array.from(str));
    console.log([...str]);

    // 7、对象  扩展运算符 ：用法：4种   （作业1）
    var obj1 = {
        a: 1,
        b: 2,
        c: 5
    }
    var obj2 = {
        c: 3,
        d: 4,
        ...obj1
    }
    console.log(obj1);
    console.log(obj2);