使用ES6的Set去除数组的重复元素

最新推荐文章于 2025-06-30 15:20:47 发布
最新推荐文章于 2025-06-30 15:20:47 发布
阅读量1.1w 收藏 6
点赞数 1
CC 4.0 BY-SA版权
分类专栏： ES6 文章标签： js ES6 Set 数组
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/HaiJing1995/article/details/72842605
本文介绍了使用ES6中的Set结构来去除数组中重复元素的两种方法：一种是通过Array.from()方法，另一种是利用扩展运算符（…）。这两种方法都能有效实现数组元素的去重。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

使用ES6的Set去除数组的重复元素

方法一

Array.from()方法可以将Set结构转化为数组结构

function dedupe(array) {
    return Array.from(new Set(array));
}

dedupe([1,2,3,3]);

方法二

扩展运算符（…）内部使用for…of循环

let arr = [1,2,3,3];
let unique = [...new Set(arr)];
去重数组的利器——JavaScript中的ES6数组去重方法
laugh666的博客
10-05 479
ES6中引入了Set数据结构，它类似于数组，但是成员的值都是唯一的，没有重复的值。利用这个特性，我们可以将数组转换为Set，然后再将Set转换回数组，实现数组的去重。方法可以根据指定的条件筛选数组中的元素，并返回一个新的数组。利用这个特性，我们可以通过遍历数组，将重复的元素过滤掉，从而实现数组的去重。上述代码中，我们先将数组转换为Set数据结构，然后再通过扩展运算符将Set转回数组，得到去重后的数组。方法可以根据指定的条件筛选数组中的元素，并返回一个新的数组。我们可以利用这个特性来实现数组的去重。
ES6 数组去重的方法
Byte_O_O的博客
09-26 294
无论是使用 Set 数据结构、Array.prototype.filter() 函数，还是结合使用 Array.from() 和 Set 数据结构，都可以轻松地去除数组中的重复元素。在处理数组时，有时候我们需要去除其中的重复元素，以便得到唯一的值。ES6 提供了几种方法来实现数组去重，下面我们将详细介绍这些方法，并提供相应的源代码。通过将数组转换为 Set，然后再将 Set 转换回数组，就可以实现数组去重。然后，我们使用 Set 对象将数组转换为 Set。函数创建一个新数组，其中只包含原数组中的唯一元素。
ES6 Set数组操作
m0_48683771的博客
10-29 225
let arr = [1,2,3,4,5,4,3,2,1]; 1. 数组去重 let result = [...new Set(arr)]; console.log(result); 2.交集 let arr2 = [4,5,6,5,6]; let result = [...new Set(arr)].filter(item => { let s2 = new Swet(arr2);//4 5 6 if (s2.has(item)){ return true; }else{ r.
Array.from(new Set(arr)) 数组去重
最新发布
weixin_65635437的博客
06-30 233
Array.from(new Set(arr)) 是一种简洁高效的 数组去重 方法，利用了 Set 数据结构的 自动去重 特性。
使用es6的set和map实现数组去重复
weixin_30852451的博客
11-27 123
使用es6的set和map实现数组去重复 var set = new Set();var arr = [1, 2, 3, 3, 2, 1];arr.map(val => set.add(val));// arr.map(function(val) {// set.add(val);// })arr = [];for(i of se...
es6中的set方法，对数组去重等应用
Smile_666666的博客
08-01 717
es6中的set方法，对数组去重等应用 一、简单的说明 set：集合，类似与数学中的集合概念,有点类似数组，集合里面的基本类型的值不重复，但是是对象则可以相同。 语法 let s = new Set(); let s1 = new Set(['星期一','星期二','星期三','星期四','星期一']); //长度 console.log(s1.size);//4 //添加元素 s1.add('星期天') //删除元素 s1.delete('星期
List集合去除重复元素，不打乱顺序（数组转List）
weixin_34116110的博客
08-02 487
//数组转ListList<String> objStr_0_List = Arrays.asList(objArr[0].split("#,#"));//List集合去除重复元素，不打乱顺序private List<String> getNon_repeatList(List<String> Str_List) {List<Stri...
JavaScript移除数组内重复元素的方法
10-24
JavaScript提供了多种方法来移除数组中的重复元素，常见的方法包括使用ES6的新特性如`Set`对象，以及传统的遍历方法。上述提供的示例代码采用了一种通过对象属性检测的方法来移除数组中的重复项。 首先，我们来理解...
javascript中去除数组重复元素的实现方法【实例】
10-22
使用Set对象去除数组中的重复元素的示例代码如下： ```javascript var originalArray = [1, 2, 3, 4, 1, 4, 1, 3]; var uniqueArray = [...new Set(originalArray)]; alert(uniqueArray); ``` 这段代码将数组转换为...
JavaScript数组去重—ES6的两种方式
热门推荐
FEWY的博客
09-27 3万+
说明JavaScript数组去重这个问题，经常出现在面试题中，以前也写过一篇数组去重的文章，（JavaScript 数组去重的多种方法原理详解）但感觉代码还是有点不够简单，今天和大家再说两种方法，代码可是足够的少了。 解释方法一：function unique(arr) { const res = new Map(); return arr.filter((a) =&amp;gt; !res(
ES6实现数组去重，很好用
idweiwei的博客
06-20 1万+
Set ：可以接收一个数组或者是类数组对象，自动去重。Array.from：把类数组对象、可迭代对象转化为数组。向 Set 加入值的时候，不会发生类型转换，所以2011和"2011"是两个不同的值。参照阮大神的ECMAScript 6 入门：  http://es6.ruanyifeng.com/?search=set&amp;x=6&amp;y=9#docs/set-map...
ES6：数组去重的方法
小草莓的博客
06-27 7461
Set 是 ES6 引入的一种数据结构，其中的元素是唯一的，不允许重复。可以通过将数组转换为Set，然后再将 Set 转换回数组来实现去重。将数组转换为 Set，然后再将 Set 转换回数组来实现去重。利用 filter() 方法遍历数组，筛选出不重复的元素。遍历数组，将不重复的元素添加到累积的结果数组中。：因为该结构中的元素是唯一的，不允许重复。使用 reduce() 方法遍历数组，将不重复的元素添加到累积的结果数组中。遍历数组，筛选出不重复的元素。排序，然后用一个指针从第。
ES6——Set
ling_xy的博客
09-15 753
文章目录一、add() 添加数据二、类型转换1.数组array转换为Set集合2.Set转数组3.String 转 Set4.Set 转 String【注意】不能使用toString三、Set 对象作用1.数组去重2.并集 数组合并3.add添加 size返回长度4.has 监测值是否存在5.delete 删除某个值6.clear 清除所有成员四、Set 遍历方法1.keys() 返回键名的遍历器2.values()3.entries()4.forEach()5.for...ofweakSet weakM
es6 数组去重
qq_40509733的博客
01-04 550
// 去除数组的重复成员 [...new Set(array)]
js es6数组去重
qq_45576618的博客
04-26 387
方法一 … new Set let test=[1,2,1,2,3,5,4,8,6,1]; [...new Set(test)] //[1, 2, 3, 5, 4, 8, 6] 方法二 Array.from +new Set let test=[1,2,1,2,3,5,4,8,6,1]; Array.from(new Set(test)) //(7) [1, 2, 3, 5, 4, 8, 6] 方法三 Map.has 存在true let test=[1,2,1,2,3,5,4,8,6,1]; fun
新手必看：ES6使用之巧用Set为数组去重
weixin_33860737的博客
08-14 144
前几天看了看ES6的一些知识，正好今天做项目的时候就用上了Set的一个特性，现在分享给和我一样的新手。目的就是点击某个checkbox,实现checkall的效果。项目使用了vue，所以就不直接操作DOM了，而是直接操作数组。 为了避免往数组中重复push数据，利用了Set不能含有重复元素的特性来去重；当然，重复添加Vue自己也是会处理...
es6——Set数据结构
weixin_46880889的博客
10-13 1924
ES6中的Set
es6数组去重_JavaScript 数组去重
weixin_39913141的博客
11-30 247
JavaScript 数组去重数组去重, 一般都是在面试的时候才会碰到, 一般是要求手写数组去重方法的代码. 如果是被提问到, 数组去重的方法有哪些? 你能答出其中的 10 种, 面试官很有可能对你刮目相看.在真实的项目中碰到的数组去重, 一般都是后台去处理, 很少让前端处理数组去重. 虽然日常项目用到的概率比较低, 但还是需要了解一下, 以防面试的时候可能回被问到.本文是基于 JavaScrip...
js/ES6 去重复
kangkang18185的专栏
06-11 1423
1.常规 function distinct(array, keyFn) { if (!keyFn) { return array.filter(function (element, position) { return array.indexOf(element) === position; }...
高效清除数组重复元素的完整教程
- JavaScript：可以使用 ES6 的 `Set` 对象来去除数组中的重复成员。 - Python：可以使用 `set` 数据类型或 `collections` 模块中的 `OrderedDict` 类来实现数组去重。 - Java：可以使用 `HashSet` 类来去除数组...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值