js ... 扩展运算符的使用

... 扩展运算符

对象的使用

可以对对象进行合并

合并后的对象如果有重复值，将会对之前的值进行覆盖，以最后一个为准

    let obj1 = {name: 'zhang', age: 12, address: '中国'}

    let obj2 = {school: '北京大学', father: 'li'}

    let obj3 = {...obj1, ...obj2}
    console.log(obj3) // {name: "zhang", age: 12, address: "中国", school: "北京大学", father: "li"}

    let obj4 = {age: 98, school: '清华大学'}
    let obj5 = {...obj3, ...obj4}
    console.log(obj5) // {name: "zhang", age: 98, address: "中国", school: "清华大学", father: "li"}

数组的使用

可以用于数组的合并 [...arr1,...arr2]

可以用于数组的解构 [num1,num2,...arr3] = [1,2,3,4,5]

用于数组的解构的时候，必须要将 扩展运算放在最后，否则会报错

    let arr = [1, 2, 3, 4, 5, 6]
    let arr1 = [11, 12, 13, 14, 15, 16]

    let arr2 = [...arr, ...arr1]
    console.log(arr2) // [1, 2, 3, 4, 5, 6, 11, 12, 13, 14, 15, 16]

    let arr3 = [1, 2, 3, 4, ...arr1]
    console.log(arr3) // [1, 2, 3, 4, 11, 12, 13, 14, 15, 16]

    let arr4 = [...arr1, 1, 2, 3, 4]
    console.log(arr4) // [11, 12, 13, 14, 15, 16, 1, 2, 3, 4]

    const [num1, num2, ...arr5] = [1, 2, 3, 4, 5, 6]
    console.log(num1) // 1
    console.log(num2) // 2
    console.log(arr5) // [3, 4, 5, 6]