ES6数组去重的方法(方法集合)

最新推荐文章于 2025-05-15 08:59:57 发布
原创 最新推荐文章于 2025-05-15 08:59:57 发布 · 1.2k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了两种使用JavaScript实现数组去重的有效方法。第一种方法利用了Map对象来过滤重复元素；第二种方法则通过将数组转换为Set对象再转回数组的方式实现。这两种方法简洁且实用。

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

方法一：

function unique(arr) {
    const res = new Map();
    return arr.filter((a) => !res.has(a) && res.set(a, 1))
}

方法二：


const arr = [1,2,3,4,1,2,3];
const newArr = Array.from(new Set(arr));
js代码-数组去重的方法
07-15
在JavaScript中，数组去重是一项常见的操作，尤其在处理数据集合时显得尤为重要。数组去重的方法多种多样，每种方法都有其适用场景和优缺点。本文将深入探讨几种常见的JavaScript数组去重技术。 1. **使用Set** ...
JS简单实现数组去重的方法分析
11-27
在JavaScript中，数组去重是一项常见的操作，尤其是在处理数据集合时。本文主要介绍了一种简单的JS数组去重方法，通过创建一个新的空数组并利用`indexOf()`方法和`push()`方法来实现。 首先，我们来看一下这种方法...
es6 数组去重的方法
weixin_40802058的博客
01-02 435
const array=[1,2,3,4,5,6,1,3,5,7]; new Set(array)    //    {1,2,3,4,5,6,7} [...new Set(array)]   // [1,2,3,4,5,6,7] Array.from(new Set(array))    // [1,2,3,4,5,6,7]  
ES6去重
干脆来碗面的博客
07-19 1224
最近忽然想起来数组去重，就了解了一下，ES6去重，也特别好用和简单。接下来一起来看一看 Set 和 Array.from 方法一 Set 通过浏览器打印我们可以看到，重复的选项已经被去除，其数组内的重复的字符串和数值，都已经去除，按照顺序关系，保留解析到的第一个，其中undefined，null，NaN，重复的也可以去重。但是返回值是对象，如果你想要数组怎么办？试试下边的方法 方...
JS数组去重的三种方法
最新发布
2301_76459194的博客
05-15 360
本文介绍了三种在JavaScript中实现数组去重的方法。首先，利用ES6的Set对象，通过将数组转换为Set并再转回数组，确保数组中的元素唯一。其次，使用filter()和indexOf()方法，通过比较元素的索引来过滤掉重复项。最后，通过reduce()和includes()方法，逐步构建一个不包含重复元素的新数组。每种方法都提供了代码示例，展示了如何从包含重复元素的数组中提取唯一值。这些方法各有特点，适用于不同的场景和需求。
ES6数组去重
cavan的博客
08-02 467
//data 为传入数组 不支持对象属性 Dremoval(data) { //转为Set类型 let aa = new Set(data); //转回数组 return Array.from(aa); }...
JavaScript数组去重（12种方法，史上最全）
java面试笔试
11-16 386
数组去重，一般都是在面试的时候才会碰到，一般是要求手写数组去重方法的代码。如果是被提问到，数组去重的方法有哪些？你能答出其中的10种，面试官很有可能对你刮目相看。在真实的...
Es6 去重方法
前端开发小白9527
04-21 1456
去重：包括数组，字符串去重 // es6 set方法 let arr = [1, 4, 5, 1, 4, 3, 1, 7] let arr1 = [2, 7, 9] let arr2 = [8, 0]; let str = 'abcdefgacd'; //去重 console.log([...new Set(arr)]);//数组去重简写 //[1, 2, 3, 4, 5, 7, 8, 9, 0] console.log(Arr
JavaScript数组去重的6个方法
10-20
在JavaScript中，数组去重是一项常见的操作，尤其是在处理数据集合时。本文将介绍6种不同的方法来实现JavaScript数组去重，这些方法适用于不同的场景和需求。 1. **基础方法（O(n^2)**： 这是最直观的方法，通过两...
js es6 数组去重
01-16
### JavaScript ES6 数组去重方法 #### 使用 `Set` 结构 ES6 提供了一种非常简洁的方式来去除数组中的重复项。通过利用 `Set` 数据结构，可以轻松实现这一目标。 ```javascript const removeDuplicates = nums => ...
es6 数组去重
Dayer的博客
07-16 1165
let arr1 = [1,2,2,3,4,4,4]; let s = new Set(arr1);     let arr2 = Array.from(s); //结果：[1,2,3,4],完成去重
JS去重ES6方法
baishuwan2412的博客
09-18 349
<script> // JS去重ES6方法 let arr = [0,0,0,1,1,2,3,5,9,6,5,4,10]; // 数组去重法1 let newarr = []; //定义一个空数组 for (var i = 0;i < arr.length;i++) { //先遍历 if(newarr.indexOf(arr[i]) == -1){ //...
ES6——数组数据去重
h_jQuery的博客
04-26 1017
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：数组去重的方法
小草莓的博客
06-27 7452
Set 是 ES6 引入的一种数据结构，其中的元素是唯一的，不允许重复。可以通过将数组转换为Set，然后再将 Set 转换回数组来实现去重。将数组转换为 Set，然后再将 Set 转换回数组来实现去重。利用 filter() 方法遍历数组，筛选出不重复的元素。遍历数组，将不重复的元素添加到累积的结果数组中。：因为该结构中的元素是唯一的，不允许重复。使用 reduce() 方法遍历数组，将不重复的元素添加到累积的结果数组中。遍历数组，筛选出不重复的元素。排序，然后用一个指针从第。
ES6小知识之数组去重
Hello博客
05-28 352
它类似于数组，但是成员的值都是唯一的，没有重复的值，配合扩展运算符（spread）（如果你有一个包含对象，函数或其他数组的数组，你需要一个不同的方法！一起，我们可以使用它来创建一个新数组，该数组只有唯一的值。在ES6之前，去除数组中重复的值，涉及代码比这多的多。ES6 提供了新的数据结构。
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的新方法实现数组去重
那个什都懂的家伙的博客
05-08 799
ES6里新添加了两个很好用的东西，set和Array.from。set是一种新的数据结构，它可以接收一个数组或者是类数组对象，自动去重其中的重复项目。在这我们可以看见，重复的项目已经被去掉了，包括NaN。正常情况下，NaN === NaN 返回的是false，但是在set里，一样能够帮你去重，厉害了。但是这里大家可以看到，set返回的是一个对象，但是我们想要的是数组啊。这回，就该轮到Array.f...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值