这篇博客总结了展开运算符的MDN中的一些常用方法
常用的方法有:
- 展开一个数组:
let arr1 = [1,2,3,4,5];
let arr2 = [3,4,5,6,7];
console.log(...arr1)
- 连接一个数组
let arr3 = [...arr1,...arr2];
注意,由于新数组是对展开数组的潜复制,改变arr3中的引用对象会造成arr1或arr2中的改变,所以我们不经常做复制的用途
- 接受多个参数
function sum(...numbers){
return numbers.reduce((pre, cur)=>{
return pre + cur
})
}
- 浅复制一个对象
let ajaxData = {name:‘xiaoming‘,age: 18};
let reactPropsAPI = {...ajaxData};
console.log(...ajaxData) // 报错: 展开运算符不能展开对象
let {name, age} = reactPropsAPI;
- 合并对象/属性
let person = {...ajaxData, name: ‘jack‘, adress:‘earth‘ }