ES6中如何实现数组去重

最新推荐文章于 2024-05-06 04:24:45 发布

TechProX

最新推荐文章于 2024-05-06 04:24:45 发布

阅读量207

点赞数 4

文章标签： es6 javascript 前端编程

本文链接：https://blog.youkuaiyun.com/TechProX/article/details/133111998

版权

编程专栏收录该内容

392 篇文章 ¥59.90 ¥99.00

订阅专栏

本文介绍了在ES6中如何使用Set和扩展运算符以及Array.from()方法来实现数组去重。通过创建Set对象自动过滤重复值，再通过扩展运算符或Array.from()转换回数组，达到简洁、高效地去除数组重复元素的目的。

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

数组去重是指从一个包含重复元素的数组中，将重复的元素去除，只保留唯一的元素。在ES6中，我们可以使用一些新的语法和方法来实现数组去重。下面是一种常见的方法，使用ES6的Set和扩展运算符来实现数组去重。

const arr = [1, 2, 3, 4, 4, 5, 5

了解本专栏

订阅专栏解锁全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

TechProX

关注关注

4
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

订阅专栏

ES6扩展运算符实现数组去重

CyberLynxO的博客

10-06

157

扩展运算符可以在处理数组时非常方便，它可以将一个数组的元素展开并插入到另一个数组中。虽然扩展运算符本身并不提供数组去重的功能，但我们可以利用它结合其他数组操作方法来实现数组的去重。Set对象是一种集合，它只存储唯一的值，不允许重复。需要注意的是，Set对象是一种有序的数据结构，它会按照元素插入的顺序进行存储。下面我将详细介绍如何使用ES6扩展运算符来实现数组去重，并提供相应的源代码。可以看到，重复的元素已经被去除，得到了一个不含重复元素的新数组。在上面的代码中，我们首先定义了一个包含重复元素的数组。

json数据去重

肖肖肖丽珠的博客

04-13

9898

去掉名字相同的数据 var $a ={ "total":3, "rows":[...

参与评论您还未登录，请先登录后发表或查看评论

去重（JSON、数组）

Akukudeteng的博客

07-12

565

数组去重： ES6 用法： function unique(arr) { return Array.from(new Set(arr)) } unique（旧数组) JSON去重 var hash = {}; arr = arr.reduce(function(item, next) { hash[next.name] ? ‘’ : hash[next.name] = true && item.push(next); return item }, []) console.log(arr.

三种实用ES6 数组内对象去重方法

web全栈开发的博客

07-05

5187

在实际的项目当中不可避免的会遇到数组里面元素重复情况，下面将介绍几种。

JSON对象数组去重

小时光的博客

05-27

3786

通过判断数组中当前元素的下标与该元素第一次出现在数组中的下标是否一致来进行数组去重 let arr = [ {id: 1,name: '第一'}, {id: 2,name: '第二'}, {id: 3,name: '第三'}, {id: 1,name: '第一'}, {id: 2,name: '第二'} ]; let newArr = arr.filter((currentValue, currentIndex, sourceArr) = >{ return sourceArr

javascript数组去重(ES6版)

weixin_33769125的博客

05-12

240

javascript数组去重(ES6版) 之前讲了如何利用循环和json对象去重，但是有BUG，如果是一个是字符串一个是数字就没办法区分了。今天就利用 Set 来去重。 var arr = [1,2,3,4,5,'1','2',3,3,'1']; arr = Array.from(new Set(arr)); console.log(arr); 复制代码Array.from() 方法从一个类似...

ES6数组去重

evan2916的专栏

12-25

1032

使用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);

vue中对象数组去重的实现

10-15

在Vue中实现对象数组去重的一个常用方法是利用`Map`对象。`Map`对象会存储键值对，并且任何值（对象或原始值）都可以作为键或值，这就为我们的去重提供了便利。具体实现方式是通过遍历数组，以对象中某个特定属性...

es6 数组去重_JS数组去重的9种方法（包括去重NaN和复杂数组类型）

weixin_39556590的博客

11-21

904

其实网上已经有很多js数组的去重方法，但是我看了很多篇并自己通过代码验证，发现都有一些缺陷，于是在研究多篇代码之后，自己总结了9种方法，如果有哪里不对请及时纠正我哈~测试代码let arr1 = [3, 1, [1], 1, [1], true, true, {}, '1', NaN, undefined, NaN, undefined, {}, null, null];let arr2 = []...

JavaScript使用indexOf()实现数组去重的方法分析

10-18

这是实现数组去重的关键所在，因为我们可以利用这个返回值来判断当前元素是否已经在新数组中存在。具体实现数组去重的步骤如下： 1. 创建一个新的空数组newArr，用来存放去重后的结果。 2. 使用for循环遍历原数组...

es6数组去重

qq_37312180的博客

03-10

982

ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。下面我们就利用set的这一特性实现数组的去重。

es6 数组元素去重的，通过Set来解决

wanglei的博客

08-18

242

数组–》Set–>去重–》数组 function dedupe(array) { return Array.from(new Set(array)); } dedupe([1, 1, 2, 3]) // [1, 2, 3]： Set 保证了数据不重复， let set = new Set([1,1,2,32]); Array.from(set); 将set转为数组

es6数组去重的方法

weixin_43977067的博客

08-24

175

1.单个数组的去重 Array.from(new Set(arr)) 2.多个数组去重返回不同数据展示 let a = [1, 2, 3, 4] let b = [3, 4, 5] let union = [...new Set([...a, ...b])] console.log(union) 3.单个数组对象去重 let b = [{ id: '4', result: '第三' }, { id: '2', result: '第四' }, { id: '2', result: '第二' }] let .

数组去除重复 json的继承和重新

小漠007的专栏

02-22

2357

历要删除的数组arr, 把元素分别放入另一个数组tmp中，在判断该元素在arr中不存在才允许放入tmp中，具体实现如下，需要的朋友可以看看例如：var student = [‘qiang','ming','tao','li','liang','you','qiang','tao']; 第一种思路是：遍历要删除的数组arr, 把元素分别放入另一个数组tmp中，在判断该元

es6一行代码搞定数组去重

qaqLjj的博客

11-22

572

运用知识点： …rest语法以及Set key不能重复的特性 var shuzu =[&quot;red&quot;,&quot;blue&quot;,&quot;red&quot;,&quot;green&quot;,&quot;blue&quot;]; var quchonghou = [...new Set(shuzu)]; cons

es6如何修改json数组里的某个值_js json 数组内对象如何去重合并 es6 标准怎么写...

weixin_35482237的博客

01-15

597

[{"problems": "环境认识障碍综合征","implement": [{"name": "记忆训练","id": "593644b12455b42ab4aa735d"},{"name": "促进脑灌注","id": "5953483e0737cd9105d5f2ac"}]},{"problems": "环境认识障碍综合征","implement": [{"name": "记忆训练","i...

mybatis逆向工程

最新发布

2401_84093860的博客

05-06

498

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！

使用es6--对象数组的多种去重方式

Chenming_321的博客

07-30

2872

在当今这个前端代码时代，前端需要对数据处理的逻辑需求越来越多，也越来越复杂了；所以我在项目种总结了一些对去重的几种方式提供给到大家参考！之前我是对数组去重是这样的，当然现在也没有被淘汰，还是可以用的只是代码看着有点l demo: let array = ['amy','jack','tom','jackson','mark','jack']; 1：一维数组去重 beFore: 之前都是使用...

json对象数组的去重踩坑记

Shuang_gege的博客

03-14

2633

一次无意接受到json数组去重的帮助需求，自信满满的直接上手，不到两分钟留下代码就转身而去，不等屁股挨上座椅就被告知，无法实现去重效果。。。。立马转身再次回头梳理代码，经过各种梳理与尝试，最终完成了预期效果的实现，也意外的发现中间的一些容易忽略的坑与迷失点，现整理出来给自己梳理知识点的同时也给码友们提供参考。 json数组去重的方法其实很多，最原生的js写法就是for循环遍历，然后剔除重复的对象之后新建一个数组，最后这个新建的数组就是自己需要的，如下实例代码： function unique(arr) {

es6 js数组对象去重

09-03

在使用ES6的方法去重数组对象时，可以采用两种方法。方法一是使用filter()和findIndex()函数的组合。通过filter()函数筛选出数组中的每个元素，然后使用findIndex()函数来检查该元素是否在数组中的其他位置有重复。如果没有重复，则保留该元素。方法二是使用reduce()函数进行去重。reduce()函数可以通过遍历数组来生成一个新的数组，其中不包含重复的元素。这两种方法都可以有效地实现数组对象的去重操作。123 #### 引用[.reference_title] - *1* *2* [JavaScript数组去重—ES6的两种方式](https://blog.youkuaiyun.com/FE_dev/article/details/78110153)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *3* [【ES6】es6数组中对象去重，数组对象去重方法总结---filter()与reduce()实践](https://blog.youkuaiyun.com/weixin_42960907/article/details/123202275)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]