es6常用技巧

1,扩展运算符 对象的拷贝

	let obj = { name : 'book' , page : 20};
	let copy = Object.assign({} , obj); 
	//利用扩展运算符 ... 完成对象的拷贝
	copy = { ...obj }
	//拷贝并新增属性
	let copy = { ...obj , age : 10}

2, 扩展运算符 数组的拷贝

	  let arr = [1,2,3,4,5,6];
      console.log('arr ' , arr)
      let copy = [].concat(arr); 
      //利用扩展运算符 ... 完成数组的拷贝
      let copy = [ ...arr ]
      //拷贝并新增
      let copy = [ ...arr , 7 , 8]
      console.log('copy ' , copy)

3,合并对象

	//合并对象
	let object1 = { a:1, b:2,c:3 }
	let object2 = { b:30, c:40, d:50}
    let merged = {...object1,...object2}
    console.log(merged) // {a:1, b:30, c:40, d:50}

4,数组去重

在ES6中,因为Set只存储唯一值,所以你可以使用Set删除重复项。

	let arr = [1, 1, 2, 2, 3, 3];
	let deduped = [...new Set(arr)] // [1, 2, 3]
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值