前端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是什么
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'}]

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐
所有评论(0)