ES6实现数组去重，很好用

最新推荐文章于 2025-05-10 20:27:00 发布
最新推荐文章于 2025-05-10 20:27:00 发布
阅读量1w 收藏 2
点赞数
CC 4.0 BY-SA版权
文章标签： es6 数组去重
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/idweiwei/article/details/80743286
本文介绍ES6中Set对象的功能，包括自动去重及如何通过Array.from将类数组对象转化为数组。此外还探讨了不同数据类型在Set中的表现。

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

Set ：可以接收一个数组或者是类数组对象，自动去重。

Array.from：把类数组对象、可迭代对象转化为数组。


向 Set 加入值的时候，不会发生类型转换，所以2011和"2011"是两个不同的值。


参照阮大神的es6入门：http://es6.ruanyifeng.com/?search=set&x=6&y=9#docs/set-map

纯爱七七
关注
es6 数组去重_JS数组去重的9种方法（包括去重NaN和复杂数组类型）
weixin_39556590的博客
11-21 907
其实网上已经有很多js数组的去重方法，但是我看了很多篇并自己通过代码验证，发现都有一些缺陷，于是在研究多篇代码之后，自己总结了9种方法，如果有哪里不对请及时纠正我哈~测试代码let arr1 = [3, 1, [1], 1, [1], true, true, {}, '1', NaN, undefined, NaN, undefined, {}, null, null];let arr2 = []...
JavaScript使用indexOf()实现数组去重的方法分析
10-18
JavaScript中的数组去重是处理数组数据时经常需要进行的操作，特别是当数组数据来源复杂时，很容易出现重复元素。为了去除这些重复元素，开发者们经常会用到indexOf()这个数组方法。本文通过实例分析了如何使用index...
es6数组排序去重
qq_34562654的博客
07-04 565
const array = [1,1,20,2,3,3,4,53,34] const array1 = […new Set(array)] console.log(array1.sort((a, b)=>{ return a - b; })) new Set 去重 arr.sort //排序 具体使用可参考手册：http://www.w3school.com.cn/js/jsref_...
JS数组对象去重，ES6最简数组去重
weixin_34403976的博客
07-10 7071
js数组对象去重 // 测试数据 // 比如我们处理 value 的去重 var arrList = [ {key: 1, value: "aaa"}, {key: 2, value: "bbb"}, {key: 3, value: "ccc"}, {key: 4, value: "aaa"}, {key: 5, value: "aaa"}, {key: 6, value: "ddd"}, ]; /** * 数组对象去重 * 设置cur默认类型为数组，并且初始值为空的数组 */ let
JavaScript 数组去重：11 种方法对比与实战指南
最新发布
cx18333的博客
05-10 660
在 JavaScript 开发中，数组去重是常见需求。本文深入剖析 11 种数组去重方法，从利用Set、Map数据结构的高效方案，到filter、reduce等函数的巧妙应用，再到双重循环、对象属性匹配等传统实现，全面覆盖不同场景需求。每种方法均附代码示例、原理解析及优劣势说明，例如Set去重简洁高效却难以区分对象引用，双重循环虽经典但性能较差。同时，针对NaN处理、对象去重等特殊场景也提供了优化策略。
es6通过Map对象对数组去重
qq_40052237的博客
02-19 2167
关于js数组去重的方法有很多，我以前居然用的是嵌套两层for循环来加一层if来判断数组里面的重复数据，当我了解了es的方法之后，才发现我的方法是有多蠢（笑哭）。 首先关于数组去重我们先简单介绍一下es6新增的一个Map对象。 Map对象 Map是一组键值对的结构，具有极快的查找速度，我们通过键名就可以快速找到值。 Map对象的常用方法 const res=new Map() //通过set方法来设置键值对存储数据 res.set("a",1) res.set("a",2)//这样子会覆盖上面的值
ES6一维数组去重，合并去重方法分享
CrisMing的博客
05-06 1136
ES6去重的几个小方法 1.使用set方法 2.set+Array.from() 3.filter+map 4、Array.from+set+flat+sort 排序去重 flat:对数组进行扁平化处理 sort:排序 b-a:倒序 a-b:正序 5.数组合并去重
es6数组去重
qq_37757270的博客
08-16 216
es6数组去重
js代码-uniq 函数，实现数组去重
07-14
为了解决这个问题，我们可以使用ES6的Set数据结构，Set的特点是不允许有重复元素，所以它可以很高效地帮助我们去重： ```javascript function uniq(arr) { return Array.from(new Set(arr)); } ``` 这里，我们...
高性能js数组去重(12种方法，史上最全)
01-19
在真实的项目中碰到的数组去重，一般都是后台去处理，很少让前端处理数组去重。虽然日常项目用到的概率比较低，但还是需要了解一下，以防面试的时候可能回被问到。 注：写的匆忙，加上这几天有点忙，还没有非常认真...
javascript数组去重3种方法的性能测试与比较
10-27
因此在实际应用中，可以考虑使用ES6的Set数据结构或者使用`Array.prototype.includes`方法来进行去重，这两个方法在现代浏览器中都有很好的支持，并且在性能上通常优于上述的自定义方法。 总结来说，选择哪种数组...
数组去重以及排序的简洁方法（主要是es6方法）
qq_43682422的博客
02-11 633
const input = [2, 3, 3, 5, 2, 1, 4, 7, 9]; function deWeight(str) { //1.set去重，用扩展运算符转为数组（没转换前是对象) // const input2 = [...new Set(input)]; //2.arry函数讲set集合转为数组 const input2 = Array.from(new Set(input)); console.log(input2); //数组排序
使用ES6的Set去除数组的重复元素
热门推荐
HaiJing1995的博客
06-02 1万+
使用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
ES6数组去重
evan2916的专栏
12-25 1039
使用ES6的新语法对数组去重，相比ES5省去了排序再做双重For循环(function() { 'use strict'; let arr = [1, '1', 2, '2', 3, '3', 3, '3', 2, '2', 1, '1']; let new_set = new Set(arr); let arr = Array.from(new_set);
es6实现数组去重
u011295864的博客
12-04 513
首先针对简单的数组 [1, 2, 3, 3, 4, 4, 5] 进行去重。 let testArr = [1, 2, 3, 3, 4, 4, 5] let newArr = Array.from(new Set(testArr)) console.log(newArr) 控制台输出结果： 下面针对数组对象进行去重。 比如我这里有个数组： [ { ...
es6中的去重
weixin_68193859的博客
08-18 122
var arr = [1,1,8,8,12,12,15,15,16,16]; function unique (arr) { return Array.from(new Set(arr)) }console.log(unique(arr))
ES6：数组去重的方法
小草莓的博客
06-27 7448
Set 是 ES6 引入的一种数据结构，其中的元素是唯一的，不允许重复。可以通过将数组转换为Set，然后再将 Set 转换回数组来实现去重。将数组转换为 Set，然后再将 Set 转换回数组来实现去重。利用 filter() 方法遍历数组，筛选出不重复的元素。遍历数组，将不重复的元素添加到累积的结果数组中。：因为该结构中的元素是唯一的，不允许重复。使用 reduce() 方法遍历数组，将不重复的元素添加到累积的结果数组中。遍历数组，筛选出不重复的元素。排序，然后用一个指针从第。
ES6去重
peepeeman的博客
12-23 586
let arr = [1,2,3,3,3]; let only = Array.from(new Set(arr)); console.log(only); //[1,2,3]
ES6 Set数组操作
m0_48683771的博客
10-29 224
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.
掌握JS代码实现数组去重的核心技巧
- main.js：很可能是包含主要业务逻辑的JavaScript文件，例如数组去重功能的实现代码应该在这个文件中。 - README.txt：通常用于存放项目的说明文档，可以包含安装指南、使用说明、代码贡献指南等，也可能会有一些...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值