首页 > Web开发 > 详细

js中的展开运算符

时间:2021-06-03 00:54:27      阅读:19      评论:0      收藏:0      [点我收藏+]

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

js中的展开运算符

原文:https://www.cnblogs.com/lyzz1314/p/14843400.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!