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' } ]