js中的展开运算符

Posted 2021-06-03 Bravo Jack

这篇博客总结了展开运算符的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\' }