前端ES六新增Set数据结构介绍,以及用法,怎么使用Set进行数组去重。

Set是什么

ES6提供了新的数据结构Set。它类似于数组,但是成员的值都是唯一的,没有重复的值。Set本身是一个构造函数,用来生成Set数据结构,看下面代码你应该就明白了;
	let s = new Set();
    [2, 3, 5, 4, 5, 2, 2].map(x => s.add(x));
    for (let i of s) {
    	console.log(i); //2,3,5,4
	}
再来看一下打印出来的数据结构,外层看了是对象,展开后类似于数组,我们循环添加并没有添加重复值,说明只有唯一成员;

在这里插入图片描述

Set方法进行数组去重

set方法进行数组去重也是一个很方便快捷的方法,我所了解的有两个方法,一个是通过配合Array.from方法,一个是运用ES六扩展运算符(…),好了代码示例吧;
第一种方法 配合扩展运算符(…)快速完成去重;
	let arr = [1, 2, 3, 4, 4, 2]  //有重复值的数组
    let set = new Set(arr)     //set重构去重
    let newarr = [...set]      //...扩展运算符转化
    console.log(newarr)        //[1,2,3,4]
第二种方法 配合Array.from方法去重;
	let arr = [1, 2, 3, 4, 4,2]   //有重复值的数组
    let set = new Set(arr)        //set重构去重
    let newarr = Array.from(set)  //Array.from转化格式
    console.log(newarr)           //[1,2,3,4]
好了今天的分享就到这里了,看到这里相信你已经明白set的方法和用处了,就是用来去除数组重复值的,但还是需要我们用其他方式来转化一下格式的,上面说到两种,你可以循环处理也一样,有其他方法一样可以的,这样就不用我们在去写复杂的for循环遍历了,但是也有他的缺陷,缺点就是无法对复杂的数组格式进行去重,给一段代码看看吧,看完结束,觉得写得好就求个免费赞吧,谢谢
	let arr = [1, 2, {name:'a'}, {name:'b'}, {name:'a'}, 2]   //有重复值的数组
    let set = new Set(arr)       							  //set重构去重
    let newarr = Array.from(set)  							  //转化数组
    console.log(newarr)           //[1, 2, {name:'a'}, {name:'b'}, {name:'a'}]
  • 4
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

前端攻城狮路飞

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值