js中的展开运算符

这篇博客总结了展开运算符的MDN中的一些常用方法

常用的方法有:

  1. 展开一个数组:
let arr1 = [1,2,3,4,5];
let arr2 = [3,4,5,6,7];
console.log(...arr1)
  1. 连接一个数组
let arr3 = [...arr1,...arr2];

注意,由于新数组是对展开数组的潜复制,改变arr3中的引用对象会造成arr1或arr2中的改变,所以我们不经常做复制的用途

  1. 接受多个参数
function sum(...numbers){
  return numbers.reduce((pre, cur)=>{
    return pre + cur
  })
}
  1. 浅复制一个对象
let ajaxData = {name:'xiaoming',age: 18};
let reactPropsAPI = {...ajaxData};
console.log(...ajaxData) // 报错: 展开运算符不能展开对象
let {name, age} = reactPropsAPI;
  1. 合并对象/属性
let person = {...ajaxData, name: 'jack', adress:'earth' }
posted @ 2021-06-02 23:40  Bravo_Jack  阅读(605)  评论(0编辑  收藏  举报