使用es6的set 进行js去重

最新推荐文章于 2025-06-15 15:09:48 发布
最新推荐文章于 2025-06-15 15:09:48 发布
阅读量1k 收藏 1
点赞数 1
CC 4.0 BY-SA版权
分类专栏： Es6语法 文章标签： 数组去重
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_45112513/article/details/90478566

数组去重：使用ES6的数据类型 Set

Set的存储结构与数组类似，Set中不允许 存放重复数据

声明一个重复的数组，中有重复的数据

var arr = [111,444,333,111,222,333,444]

使用Set

var newArr = new Set(arr);

newArr输出的结果
在这里插入图片描述
将结果变为数组，使用展开运算符

var arr1 = [...newArr]

arr1的输出结果
在这里插入图片描述
总结：从左到右，最先存在的先保留，后边重复的去重

面试官：“ES6中新增的Set方法去重你会吗？”我：“看文章就知道了”
qq_49002903的博客
08-11 3万+
在ES6 之前，我们存储数的据结构主要有两种：数组、对象。在ES6中新增了另外两种数据结构，Set、Map，以及它们的另外形式WeakSet、WeakMap就行了就让我们一起了解一下ES6中新增的两个数据结构吧。希望能给大家带来帮助，共同进步！......
去重数组的利器——JavaScript中的ES6数组去重方法
laugh666的博客
10-05 479
ES6中引入了Set数据结构，它类似于数组，但是成员的值都是唯一的，没有重复的值。利用这个特性，我们可以将数组转换为Set，然后再将Set转换回数组，实现数组的去重。方法可以根据指定的条件筛选数组中的元素，并返回一个新的数组。利用这个特性，我们可以通过遍历数组，将重复的元素过滤掉，从而实现数组的去重。上述代码中，我们先将数组转换为Set数据结构，然后再通过扩展运算符将Set转回数组，得到去重后的数组。方法可以根据指定的条件筛选数组中的元素，并返回一个新的数组。我们可以利用这个特性来实现数组的去重。
在JS中使用Set集合去重的方法
ggq53219的博客
07-15 683
在JavaScript中，Set是一种新的数据结构，它类似于数组，但是成员的值都是唯一的，没有重复的值。因此，Set经常被用来进行数组去重。以下是使用Set。
JS中Set去重
Mr__FFF的博客
09-03 3593
Set类似于数组，但成员均是唯一的，没有重复值。Set本身是一个构造函数，用来生成Set数据结构。 数组去重 const arr=[2,2,3,4,4]; const uniqe=[...new Set(arr)]; //[2,3,4] Array.from方法可以将Set结构转换为数组 //一个去重函数 function unique(arr){ return Array.f...
new Set()
最新发布
weixin_47002803的博客
06-15 633
‌差集‌：new Set([...setA].filter(x =>!‌交集‌：new Set([...setA].filter(x => setB.has(x)))‌.add(value)‌：添加值，返回Set本身（支持链式调用）。‌.delete(value)‌：删除指定值，成功返回true。‌并集‌：new Set([...setA, ...setB])‌.has(value)‌：检查值是否存在，返回布尔值。‌集合操作‌（并集、交集、差集）：‌‌。‌数组去重‌（最常用场景）：‌‌。
[ES6]js数组去重——利用 ES6的set 方法
sunshineTing2的博客
07-13 569
利用Array.from将Set结构转换成数组 let arr = Array.from(new Set([0,0,1,2,3,3])) console.log(arr); // (4) [0, 1, 2, 3] Set数据结构，它类似于数组，其成员的值都是唯一的 let arr = new Set([0,0,1,2,3,3]) console.log(arr); // Set(4) {0, 1, 2, 3} ...
JS技巧---Set数组去重
热门推荐
dingwen_888的博客
08-23 3万+
在 ES6 中，引入了一个新的数据结构类型：Set。而 Set 与 Array 的结构是很类似的，且 Set 和 Array 可以相互进行转换。 数组去重，也算是一个比较常见的前端面试题了，方法有很多种，这里不多赘述。下面我们看看用 Set 和 …（拓展运算符）可以很简单的进行数组去重。 const removeDuplicateItems = arr => [...new Set(ar...
es6 Set去重
Uncle_long的博客
10-22 400
var arr = [1,2,3,4,2,3]; var arr1 = new Set(arr); arr = [...arr1] //[1,2,3,4]
es6 数组去重_JS数组去重的9种方法（包括去重NaN和复杂数组类型）
weixin_39556590的博客
11-21 909
其实网上已经有很多js数组的去重方法，但是我看了很多篇并自己通过代码验证，发现都有一些缺陷，于是在研究多篇代码之后，自己总结了9种方法，如果有哪里不对请及时纠正我哈~测试代码let arr1 = [3, 1, [1], 1, [1], true, true, {}, '1', NaN, undefined, NaN, undefined, {}, null, null];let arr2 = []...
ES6中如何实现数组去重
TechProX的博客
09-21 214
数组去重是指从一个包含重复元素的数组中，将重复的元素去除，只保留唯一的元素。下面是一种常见的方法，使用ES6的Set和扩展运算符来实现数组去重。创建了一个Set对象，Set是ES6中的一种新的数据结构，它类似于数组，但是只能存储唯一的值，重复的值会被自动去除。方法，它们都是利用了Set对象自动去除重复元素的特性，从而实现了数组去重的功能。方法，我们可以轻松地去除数组中的重复元素，从而得到一个包含唯一元素的新数组。这种方法的原理与之前的方法相同，通过Set对象自动去除重复的元素，然后通过。
js数组去重使用es6的Set集合实现
09-16
js数组去重
Javascript set结构 (去重)
Andy Tools
10-09 9361
javascript 的set结构用来去重非常方便，这里记录一下。 文章目录1 背景2 set数据结构2.1 set创建2.2 set 加入或删除key操作2.3 set转数组 1 背景 最近遇到问题，要记录某个人曾经用过的手机和操作系统记录到一个json { "os":["android","ios"], "android":["mi8&am
利用ES6 Set去重
Mxy18851251178的博客
04-08 669
方法三: 使用 includes。方法二: 使用 indexOf。方法四: 使用 filter。方法五: 使用 reduce。方法一: 使用 Set。
Es6中用Set去重
阳阳的博客
01-03 2714
简单易上手，快来操作一番，试试看吧
js最简单的数组去重方法set数组去重
lingyi_01的博客
04-13 1515
js最简单的数组去重方法set数组去重 function newArr(arr) { return Array.from(new Set(arr)) }
JavaScript数组去重的方式
yigetutouzai的博客
07-11 4655
数组去重的意思就是去除数组中重复的元素，处理完后数组中所有的元素都是唯一的，本文介绍了在js中数组去重的5种方式，请往下看。
关于ES6 set去重问题
qq_45083936的博客
11-26 354
可以利用ES6语法 set方法 1 .let arr = [1,2,3,4,5,1,2] let set = new set（arr） console.log(set) set {1,2,3,4,5} 2.使用ES6中Array的Array.from静态方法，它将一个类似数组的对象转为一个数组 let arr = [1,2,3,4,5,1,2] let set =Array.form( new set（arr）) console.log(se
利用ES6中的 Set为数组去重
qq_36437172的博客
03-05 362
Set数据结构，它类似于数组，其成员的值都是唯一的。利用Array.from将Set结构转换成数组 Set 去重案例： // 例1 var set = new Set([1,2,2,3,4]) // {1,2,3,4} var newArr = Array.from(set) // 再把set转变成array console.log(newArr) // [1,2,3,4] 相当于 va...
es6使用set对数组对象去重
03-31
ES6中的Set对象可以用于数组去重。Set对象是一种集合数据结构，它只能存储唯一的值，所以当我们将一个数组转换为Set对象时，重复的元素会被自动去除。 以下是使用Set对象对数组对象去重的示例代码： ```javascript...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值