ES6 数组去重

最新推荐文章于 2022-11-22 10:10:23 发布
原创 最新推荐文章于 2022-11-22 10:10:23 发布 · 399 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

博客给出一段代码 const arr = [...new Set(有重复项的数组)]，此代码可用于去除数组中的重复项，是信息技术中JavaScript语言里处理数组的常见操作。

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

const arr = [...new Set(有重复项的数组)]

ES6 数组去重的方法
Byte_O_O的博客
09-26 294
无论是使用 Set 数据结构、Array.prototype.filter() 函数，还是结合使用 Array.from() 和 Set 数据结构，都可以轻松地去除数组中的重复元素。在处理数组时，有时候我们需要去除其中的重复元素，以便得到唯一的值。ES6 提供了几种方法来实现数组去重，下面我们将详细介绍这些方法，并提供相应的源代码。通过将数组转换为 Set，然后再将 Set 转换回数组，就可以实现数组去重。然后，我们使用 Set 对象将数组转换为 Set。函数创建一个新数组，其中只包含原数组中的唯一元素。
ES6实现数组去重
sunshao904
04-11 963
ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。 Array.from方法可以将 Set 结构转为数组。 例如： const items = new Set([1, 2, 3, 4, 5]); const array = Array.from(items); 利用这些特点可以得出两种数组去重的方法： 方法一：利用展开运算符和Set成员的唯一性 ...
ES6——数组数据去重
h_jQuery的博客
04-26 1023
var array = [20, 10, 10, 10, 15, 19, 30, 7, 7, 7, 19, 25, 31, 31]; var newArray = array.filter((v, i, self) => { return self.indexOf(v) === i; }) console.log(newArray); 说明： (v, i, self):当前比较的值(v)，索引(i),原数组(self)； self.indexOf(v) === i:比较的值(v)第一次在原数组(sel
ES6数组去重
weixin_44283589的博客
03-23 1601
const arr = [...new Set([1,1,2,3])] //[1,2,3]
JavaScript数组去重（12种方法，史上最全）
java面试笔试
11-16 389
数组去重，一般都是在面试的时候才会碰到，一般是要求手写数组去重方法的代码。如果是被提问到，数组去重的方法有哪些？你能答出其中的10种，面试官很有可能对你刮目相看。在真实的...
ES6：数组去重的方法
小草莓的博客
06-27 7462
Set 是 ES6 引入的一种数据结构，其中的元素是唯一的，不允许重复。可以通过将数组转换为Set，然后再将 Set 转换回数组来实现去重。将数组转换为 Set，然后再将 Set 转换回数组来实现去重。利用 filter() 方法遍历数组，筛选出不重复的元素。遍历数组，将不重复的元素添加到累积的结果数组中。：因为该结构中的元素是唯一的，不允许重复。使用 reduce() 方法遍历数组，将不重复的元素添加到累积的结果数组中。遍历数组，筛选出不重复的元素。排序，然后用一个指针从第。
es6 数组去重
Dayer的博客
07-16 1166
let arr1 = [1,2,2,3,4,4,4]; let s = new Set(arr1);     let arr2 = Array.from(s); //结果：[1,2,3,4],完成去重
浅谈ES6的数组去重
sinat_37052185的博客
10-16 808
前言 ES5及之前大多是用遍历和算法来实现数组去重，在ES6有一个更加简便的方式。 Set + Array.from set是一种新的数据结构，它可以接收一个数组或者对那个，类数组对象，自动去重其中的重复项目。 function unique (arr) { return Array.from(new Set(arr)) } var arr = [1,1,'true','true',true,...
ES6数组去重的方法
m0_61265297的博客
11-22 1634
【代码】ES6数组去重的方法。
es6数组去重
岁末zzz的博客
05-22 566
this.righttab=[1,1,2,2] this.righttab = Array.from(new Set(this.righttab)) //[1,2]
ES6去重数组
走在秃头的路上的博客
03-20 165
var arr=[1,2,3,1,1,3,4,5,6]; var arr2= [...new Set(arr)] console.log(arr2);
数组去重（包括es6）
Jq的博客
09-11 4300
1.最基本的去重方法 思路：定义一个新数组，并存放原数组的第一个元素，然后将元素组一一和新数组的元素对比，若不同则存放在新数组中。 function unique(arr){ var repeat=false; 　　var res = [arr[0]]; 　　for(var i=1;i<arr.length;i++){ 　　　　var repeat = false; 　　　　f...
ES6数组去重的常用方法
weixin_39547000的博客
10-20 1330
普通数组去重 数据源 const test = ['q', 'w', 'e', 'q', 'u', 'p'] 方法一 [...newSet(test)]; 方法二 Array.from(new Set(test)) 方法三 function unique(arr) { const res = new Map(); return arr.filter((a) => !res.has(a) && res.set(a, 1)) } 数组中对象去重 数据源 let p
es6 数组去重
最新发布
03-28
### 使用 ES6 实现数组去重 在 ES6 中，可以通过多种方式实现数组去重。以下是几种常见且高效的方法： #### 方法一：使用 `Set` 和扩展运算符 通过创建一个新的 `Set` 对象并将其转换回数组的方式可以轻松实现数组去重。这种方法简单直观，并适用于大多数基本数据类型的数组。 ```javascript const arr = [1, 2, 3, 4, 4, 5, 5, 6, 6]; const uniqueArr = [...new Set(arr)]; console.log(uniqueArr); // 输出: [1, 2, 3, 4, 5, 6] ``` 此方法利用了 `Set` 的特性——它会自动移除重复项[^1]。 --- #### 方法二：使用 `forEach` 和 `includes` 另一种常用的手动实现方式是遍历原数组并将未出现过的元素加入新数组中。这种方式虽然稍显冗余，但在某些场景下仍然适用。 ```javascript Array.prototype.unique = function () { let newArr = []; this.forEach((item) => { if (!newArr.includes(item)) { newArr.push(item); } }); return newArr; }; const arr = [1, 2, 3, 4, 4, 5, 5, 6, 6]; const uniqueArr = arr.unique(); console.log(uniqueArr); // 输出: [1, 2, 3, 4, 5, 6] ``` 该方法能够正确处理 `NaN` 值的去重问题[^2]。 --- #### 方法三：针对对象数组的去重（基于特定键） 当需要对包含对象的数组进行去重时，可以根据某个唯一字段（如 `id`）来进行操作。这里介绍两种主流方法：`Map` 结合过滤器以及 `reduce()` 函数。 ##### 子方法 A：使用 `Map` 进行去重 借助 `Map` 数据结构存储已访问的对象键值对，从而快速判断是否已经存在相同记录。 ```javascript var person = [ { id: 1, name: 'Alice' }, { id: 2, name: 'Bob' }, { id: 1, name: 'Charlie' }, // 需要去重 ]; var m = new Map(); person = person.filter((ele) => !m.has(ele.id) && m.set(ele.id, "")); console.log(person); // 输出: [{ id: 1, name: 'Alice' }, { id: 2, name: 'Bob' }] ``` 上述代码片段展示了如何依据对象中的 `id` 字段完成去重过程[^3]。 ##### 子方法 B：使用 `reduce()` 实现 除了 `Map` 外，还可以采用累加器模式来构建无重复的结果集。 ```javascript var person = [ { id: 1, name: 'Alice' }, { id: 2, name: 'Bob' }, { id: 1, name: 'Charlie' }, // 需要去重 ]; const uniquePerson = person.reduce((acc, cur) => { const x = acc.find(item => item.id === cur.id); if (!x) { return acc.concat([cur]); } else { return acc; } }, []); console.log(uniquePerson); // 输出: [{ id: 1, name: 'Alice' }, { id: 2, name: 'Bob' }] ``` 这种逻辑清晰易懂，适合初学者学习掌握[^5]。 --- #### 总结 以上列举了几种典型的 ES6 数组去重方案，每一种都有其特点和局限性。对于基础类型数组推荐优先考虑 `Set` 方式因其简洁性和高性能表现；而对于复杂嵌套或者对象形式的数据，则需结合具体需求选取合适的工具链路加以解决。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值