ES6 扩展运算符

数组

1、遍历数组

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

2、可以当做数组的参数

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

3、深拷贝 传值

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

4、可以作为函数中的参数

function fn(x, ...y) {
        console.log(x);
        console.log(...y);
    }
fn(...arr)

5、可以和解构赋值连用

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

6、可以将伪数组，转换成真正的数组

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

对象

1、对象的遍历

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

2、对象的合并

var obj_1 = {
        a: 1,
        b: 2
    }
    var obj_2 = {
        b: 3,
        ...obj_1
    }
    console.log(obj_2);

4、覆盖重复的属性名

如果用户自定义的属性，放在扩展运算符后面，则扩展运算符内部的同名属性会被覆盖掉

5、向对象添加属性

var obj_2 = {
        a: 1,
        b: 2
    };
   
    console.log({ ...obj_2, c: 3 });

6、解构对象

 const user = {
        firstname: 'Chris',
        lastname: 'Bongers',
        age: 31
    };
    //使用扩展运算符将其分解为单个变量
    const { firstname, ...rest } = user;
    console.log(firstname);
    console.log(rest);
// 'Chris'
// { lastname: 'Bongers', age: 31 }