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

猜你喜欢

转载自blog.csdn.net/m0_46156566/article/details/106619634
今日推荐