利用ES6实现的一种最简单的数组去重的方法

最新推荐文章于 2023-01-05 20:09:10 发布
最新推荐文章于 2023-01-05 20:09:10 发布
阅读量332 收藏 2
点赞数
CC 4.0 BY-SA版权
分类专栏： js 文章标签： es6
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/html_tangkai/article/details/108828906
本文介绍ES6新增的数据结构Set，该结构类似数组但能确保成员唯一性。通过示例展示如何使用Set去除数组中重复元素，并结合扩展运算符创建新数组。

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

直接上代码

在这里插入图片描述

ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。利用Set对数组去重，再利用ES6扩展运算符（…）展开生成新的数组

ES6数组去重的三个简单方法
weixin_45846357的博客
07-04 1304
第一种：利用Map对象和数组的filter方法 代码如下： let arr1 = [1, '1', 1, undefined, undefined, NaN, NaN]; function unique(arr) { const res = new Map(); return arr.filter((a) => !res.has(a) && res.set(a, 1)) } let newArr = unique(arr1); console.log(newArr); 结果如下图
数组中的字符串去重.html
11-03
数组中的字符串去重.html
如何利用es6去重
weixin_34121282的博客
01-15 470
以下是三种方法从数组里去重，并且返回唯一的值。我最喜欢的方式是使用Set，因为它是最短最简单的。 const array = [5, 2, 4, 5, 3];console.log([...new Set(array)])console.log(array.filter((item, index) => array.indexOf(item) ==...
ES6 最简单的数组去重 Set
A_9888的博客
05-12 170
ES6中 set 数据结构 set ES6中的set类似一个数组，但是其中的值都是唯一的，Set本身是一个构造函数，用来生成 Set 数据结构 创建一个类似于数组的set 然后用es6的解构赋值转化成数组 const s=new Set(); s.add(1).add(2).add(3).add(2).add(1)//添加数据用add()方法，此方法是可以写成链式的 let arr=[...s] 输出结果：[1,2,3]//里面成员是唯一的 利用里面成员是唯一来对数组去重（只能对数组里面的数字去重，不
ES6最简单的数组去重方式
weixin_53339654的博客
01-05 238
let arr1 = [1,2,4,4,22,22,33,33] let set = new Set(arr1); Array.from(set) console.log(set);
【ES6】最简单的对象数组去重的方法
你，若盛开的专栏
08-17 1076
对象数组去重的方法 // arr传数组名，attr传属性名 const uniqueArr=(arr,attr)=> { const res = new Map(); return arr.filter((arr) => !res.has(arr[attr]) && res.set(arr[attr], 1)) } 使用 // 示例数组 let arr = [ { id: 1, name: '张三'}, { id: 1, na.
JS简单实现数组去重的方法分析
11-27
本文主要介绍了一种简单的JS数组去重方法，通过创建一个新的空数组并利用`indexOf()`方法和`push()`方法来实现。 首先，我们来看一下这种方法的具体实现： ```javascript var arr = ['abc', 'abcd', 'sss', '2', '...
vue中对象数组去重的实现
10-15
在Vue中实现对象数组去重的一个常用方法是利用`Map`对象。`Map`对象会存储键值对，并且任何值（对象或原始值）都可以作为键或值，这就为我们的去重提供了便利。具体实现方式是通过遍历数组，以对象中某个特定属性...
JavaScript数组去重的几种方法
10-17
ES6中新增的Set数据结构提供了另一种去重的方法，它是一个新的数据结构，可以自动去除重复的元素，使用Array.from()方法将Set对象转换为数组即可完成去重。 4. 使用JSON.stringify()处理对象： 当数组中包含对象时...
JavaScript使用indexOf()实现数组去重的方法分析
10-18
通过本文的介绍，我们可以看到使用indexOf()方法实现数组去重是一个简单且有效的方式。它易于理解和实现，同时也提醒我们注意indexOf()方法的返回值以及利用这个返回值来判断数组中的元素是否唯一。在实际的项目开发...
js代码-数组去重的方法
07-15
数组去重的方法多种多样，每种方法都有其适用场景和优缺点。本文将深入探讨几种常见的JavaScript数组去重技术。 1. **使用Set** ES6引入了新的数据结构Set，它类似于数组，但是成员的值都是唯一的，没有重复的值。...
es6新增的数组去重方法
文正的日志
08-12 2556
function dedupe(arr){ return Array.form(new Set(arr)); } dedupe([1,2,3,4,5,55,5,5]); 不用冒泡、快排，一句代码搞定，简单吧。
【原】js数组对象去重最简单的方法
weixin_30790841的博客
04-26 207
简单的数组去重是比较简单的，方法也特别多，如给下面的数组去重： let arr = [1,2,2,4,9,6,7,5,2,3,5,6,5] 最常用的可以用for循环套for循环，再用splice删除重复的数组： let arrUnique = function (arr){ for(let i=0; i<arr.length; i+...
es6去重数组的思维方法
baidu_36681154的博客
09-13 916
假设这里有一对数组 [1,2,3,4,5,6,2,3,4,5,6] 我们有一个需求就是把它变成[1,2,3,4,5,6].我们怎样实现这一问题的答案呢？ 首先得思考 我们es6什么方法可以实现这一功能？没错map,那map如何用得呢？ 表达式如下 [1,2,3,4,5,6,2,3,4,5,6].map(function(){ }) 这时我们得思考把这个过滤后的数组放入一个对象中，所
使用es6方法对数组去重
liuz
03-13 1458
ES6对数组去重 es6中提供了新的数据结构 Set() ，他的所有值都是唯一的。 set其实是一个构造函数所以他的使用方法 new Set() 创建一个实例用来生成set数据结构。set返回的是一个类数组对象,所以还需要配合 Array.from()方法来转换为真正的数组！ ...
ES6-数组+扩展运算符
千里之行，始于足下！
03-04 372
1、使用扩展运算符，将数组进行展开 console.log(...[1,2,3,4,5]) // 1 2 3 4 5 let arr = [ ...(x > 0 ? [1,2,3]: [4,5,6]), 7,8,9 ] [...[]] // [] [...[], 1] // [1] 2、扩展运算符可以用于函数传参，rest参数 function aaa(x, ...rest){ console.log(rest); // [2,3,5,6] } aaa(1,...[2,3
html之js数组去重（面试题）
Quincy.Coder的博客
09-25 1106
<!DOCTYPE html> <html lang="en"> <head> <title>数组去重</title> <meta charset="utf-8"> <script type="text/javascript"> var aRr = [1,2,3,4,5,6,6,7,4,8,3,9,10]; var aRr2 = [];
数组去重
sinat_38992528的博客
05-07 602
//第一种 // ES6 部署了 Set 以及 Array.from 方法，太强大了！如果浏览器支持，完全可以这样： function unique1(arr) {   return Array.from(new Set(arr)); } var a = [1,2,2,6,6,6,9,99]; var aa = unique1(a) console.log(aa); // =&gt; [Objec...
html去重三种方法,前端html数组去重的方法
weixin_29115107的博客
06-28 1481
这篇文章主要介绍了关于前端html数组去重的方法，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下数组去重用到的知识点：1:indexOf()该方法是返回数组中元素第一次出现的索引值；如果有，则正常返回索引值；如果检索的内容不存在于数组中，则返回-12:for循环练习：数组去重//第一种方法var aList = [1,2,3,4,4,3,2,1,2,3,4,5,6,5,5,3,3,4...
JavaScript数组去重方法总结
"这篇JavaScript学习笔记主要探讨了如何在JavaScript中进行数组去重，通过不同的方法来实现这一功能。文章提供了实例代码和简单的性能测试，适用于正在学习JavaScript数组操作的朋友参考学习。" 在JavaScript中，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值