擴(kuò)展運(yùn)算符（spread）是三個(gè)點(diǎn)（...）

數(shù)組的擴(kuò)展運(yùn)算符

將一個(gè)數(shù)組轉(zhuǎn)為用逗號分隔的參數(shù)序列

1. 用于函數(shù)調(diào)用：

function add(x, y) {
  return x + y;
}
const numbers = [2, 3];
add(...numbers) // 5

2. 求最大值

Math.max(...[11, 6, 22])
// 22

3. 復(fù)制數(shù)組

const arr1 = [1,2]
// 方法1
// const arr2 = [...arr1]
// 方法2
const [...arr2] = arr1
console.log(arr1) // [1, 2]
console.log(arr2) // [1, 2]
// 上面的兩種寫法，arr2都是arr1的克隆。

4. 合并數(shù)組（多個(gè)）【淺拷貝】

// 合并數(shù)組
const arr1 = ['a', 'b']
const arr2 = ['c', 'd']
const arr3 = ['e']
const arr4 = [...arr1, ...arr2, ...arr3]
console.log(arr4) 
// [ 'a', 'b', 'c', 'd', 'e' ]

5. 與解構(gòu)賦值結(jié)合

如果將擴(kuò)展運(yùn)算符用于數(shù)組賦值，只能放在參數(shù)的最后一位，否則會報(bào)錯。

let arr = [1, 2, 3, 4, 5] 
let [num1, ...num2] = arr
console.log(num2) // [ 2, 3, 4, 5 ]

6. 字符串

擴(kuò)展運(yùn)算符還可以將字符串轉(zhuǎn)為真正的數(shù)組。

const name = 'vivo'
console.log([...name])
// [ 'v', 'i', 'v', 'o' ]

對象的擴(kuò)展運(yùn)算符

使用...可以將對象中所有的屬性給當(dāng)前對象添加一份

let obj = {
    name: '華為',
    age: 30,
    say () {
        console.log(this.name,this.age)
    }
}
// 使用...可以將對象中所有的屬性給當(dāng)前對象添加一份！
let objSupper = { 
    ...obj,
    text: '華而有為'
}
console.log(objSupper) 
// { name: '華為', age: 30, say: [Function: say], text: '華而有為' }