js中的展開運算符

這篇博客總結了展開運算符的MDN中的一些常用方法

常用的方法有：

1. 展開一個數組：

let arr1 = [1,2,3,4,5];
let arr2 = [3,4,5,6,7];
console.log(...arr1)

2. 連接一個數組

let arr3 = [...arr1,...arr2];

注意，由於新數組是對展開數組的潛復制，改變arr3中的引用對象會造成arr1或arr2中的改變，所以我們不經常做復制的用途

3. 接受多個參數

function sum(...numbers){
  return numbers.reduce((pre, cur)=>{
    return pre + cur
  })
}

4. 淺復制一個對象

let ajaxData = {name:'xiaoming',age: 18};
let reactPropsAPI = {...ajaxData};
console.log(...ajaxData) // 報錯： 展開運算符不能展開對象
let {name, age} = reactPropsAPI;

5. 合並對象/屬性

let person = {...ajaxData, name: 'jack', adress:'earth' }