前端 Set实现数组去重

最新推荐文章于 2024-05-11 06:50:28 发布
最新推荐文章于 2024-05-11 06:50:28 发布
阅读量1.9k 收藏 5
点赞数
分类专栏： 前端开发 文章标签： 前端 javascript 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u014802777/article/details/121076359
版权

Set是ES6中新的对象
它类似于数组，但是成员的值都是唯一的，没有重复的值
(set本身是一个构造函数，用来生成 Set 数据结构)

如果不考虑兼容性，这种去重的方法代码最少。但是这种方法还无法去掉“{}”空对象。

第一种数组去重方法（使用Array.from）：

let arr =['vivo','oppo','realme','xiaomi','oppo','vivo'];
最低0.47元/天 解锁文章
清风自鸣
关注
  • 0
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
[前端攻坚]：数组去重的几种方法
小陈的博客
12-20 4659
最近还整理一份JavaScript与ES的笔记，一共25个重要的知识点，对每个知识点都进行了讲解和分析。能帮你快速掌握JavaScript与ES的相关知识，提升工作效率。
前端学习笔记，做一个简单的网站- 使用set实现数组去重，学习代码
最新发布
06-20
前端学习笔记，做一个简单的网站- 使用set实现数组去重
前端ES六新增Set数据结构介绍，以及用法，怎么使用Set进行数组去重。
海贼王某人的博客
06-08 2203
Set是什么 ES6提供了新的数据结构Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。Set本身是一个构造函数，用来生成Set数据结构,看下面代码你应该就明白了； let s = new Set(); [2, 3, 5, 4, 5, 2, 2].map(x => s.add(x)); for (let i of s) { console.log(i); //2，3，5，4 } 再来看一下打印出来的数据结构，外层看了是对象，展开后类似于数组，我们循环添加并没有
2024年Web前端最全Vue中实现$set方法(Vue原理之步骤四)，2024最新前端中级面试题目汇总解答
2401_84619287的博客
05-11 847
总结来说，面试成功=基础知识+项目经验+表达技巧+运气。我们无法控制运气，但是我们可以在别的地方花更多时间，每个环节都提前做好准备。面试一方面是为了找到工作，升职加薪，另一方面也是对于自我能力的考察。能够面试成功不仅仅是来自面试前的临时抱佛脚，更重要的是在平时学习和工作中不断积累和坚持，把每个知识点、每一次项目开发、每次遇到的难点知识，做好积累，实践和总结。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】总结来说，面试成功=基础知识+项目经验+表达技巧+运气。
前端数组去重方法
qq1183387582_的博客
12-11 354
var arr = [1, 1, 1, 2, 2, 2, 1, 2, 2, 3, 4, 6, 5, 7, 9, 8]; // 排序 var Arr = arr.sort(function(a, b){ return a - b; }); // 数组去重1： var s = new Set(); Arr.map(item => s.add(item)); // Array.from方法可以将Set结构转为数组 .
js使用set方法对数组中的数据进行去重
weixin_45781661的博客
07-17 1303
js使用set方法对数组中的数据进行去重 数组中的元素可以是数字，对象等，如果重复，可以使用set方法去重，然后再使用Array.from转换成数组，方法如下 Array.from(new Set(checkedArr))
set进行数组去重
m0_50278775的博客
02-29 886
【代码】set进行数组去重。
JavaScript中数组去重的5种方法
11-20
方法一：new Set()实现数组去重 ES6 提供了新的数据结构 Set，它类似于数组，但是成员的值都是唯一的，没有重复的值。 Set 本身是一个构造函数，用来生成 Set 数据结构。Set函数可以接受一个数组，用于初始化。根据 ...
高性能js数组去重(12种方法，史上最全)
01-19
在真实的项目中碰到的数组去重，一般都是后台去处理，很少让前端处理数组去重。虽然日常项目用到的概率比较低，但还是需要了解一下，以防面试的时候可能回被问到。 注：写的匆忙，加上这几天有点忙，还没有非常认真...
JavaScript数组去重的方法总结【12种方法，号称史上最全】
12-07
在真实的项目中碰到的数组去重，一般都是后台去处理，很少让前端处理数组去重。虽然日常项目用到的概率比较低，但还是需要了解一下，以防面试的时候可能回被问到。 注：写的匆忙，加上这几天有点忙，还没有非常认真...
JavaScript数组去重功能的设计与实现.pdf
01-03
Set数据结构可以自动删除重复的元素，从而实现数组去重。 2. 使用filter()方法去重 使用filter()方法可以根据某个条件来过滤数组中的元素，从而实现数组去重。 3. 使用indexOf()方法去重 使用indexOf()方法可以...
Set实现数组去重
shi15926lei的博客
05-06 1400
方法用于将两类对象转为真正的数组：类似数组的对象（array-like object）和可遍历（iterable）的对象（包括 ES6 新增的数据结构 Set 和 Map）。它类似于数组，但是成员的值都是唯一的，没有重复的值。遇到字符串的,我们可以先转化成数组,数组去重比较容易,处理完之后再转化成字符串。它好比 rest 参数的逆运算，将一个数组转为用逗号分隔的参数序列。//结果输出的是一个对象。split()把一个 字符串 分割成一个 数组。join()把一个 数组 分割成一个 字符串。
使用es6的set 进行js去重
weixin_45112513的博客
05-23 1009
数组去重：使用ES6的数据类型 Set Set的存储结构与数组类似，Set中不允许 存放重复数据 声明一个重复的数组，中有重复的数据 var arr = [111,444,333,111,222,333,444] 使用Set var newArr = new Set(arr); 输出的结果 将结果变为数组，使用展开运算符 var arr1 = [...newArr] arr1的输出结...
es6的学习（set结构数组去重）
时清云的博客
09-12 2229
现在es6逐渐成为了进入了前端开发的视野里，各大浏览器和流行的框架对es6的支持也非常好，之前看过几次阮一峰老师写的es6入门这本书，感觉非常不错，所以是时候再深入地去学习总结一下了。那么就先从set结构数组去重开始吧。 以前数组去重非常麻烦，我之前也总结过。那么就来总结一下数组去重有哪些方法吧。 1.使用set数据结构去重。（es6新方法） 先看一下set的定义： ***ES6 提供了新...
数组去重方法汇总
楠姐的博客
04-19 2376
set时ES6新提出开的一种数据类型，set里面的元素没有重复的，所以也是唯一的，经常用到set进行去重 例子如下： var a=[1,2,3,1,2,3]========正常去重之后返回的是[1,2,3] 具体是怎么实现的呢 第一种方法： var newArr =new Set(Array.from(a)) 第二种方法 var newArr = […new Set(a)] ...
Set集合去重(详细篇)
lz17267861157的博客
06-26 5615
这只是小编使用的最基本方法，至于更难的的靠自己，毕竟我的只是让你理解怎么用
JS 数组去重方式
_
07-08 903
JS 数组去重方式   内容概要： set 方法去重 循环遍历方法 利用 map 键的不可重复性 进阶版去重，实现引用类型去重   需要去重数组模板： const arr = [ 0,0,0, 'str','str','str', true,true,true,'true', undefined,undefined,undefined,'undefined', null,null,null,'null', NaN,NaN,NaN,'NaN', {val:
【前端每日一练】set转换去重复
dayouan的博客
11-21 159
去掉数组中重复的内容
js数组去重的方式
m0_73460278的博客
09-22 1549
方式一：new Set():返回一个对象。方式三：sort排序后去重。方式二：indexOf。
前端filter对象数组去重
03-31
可以使用 Set 数据结构和 Array.from() 方法来实现数组去重。 ```javascript const arr = [{name: 'Alice'}, {name: 'Bob'}, {name: 'Alice'}]; const uniqueArr = Array.from(new Set(arr.map(item => JSON.stringify(item)))) .map(item => JSON.parse(item)); console.log(uniqueArr); // [{name: 'Alice'}, {name: 'Bob'}] ``` 上述代码中，先使用 map() 方法将对象数组转换为字符串数组，然后使用 Set 数据结构去重，最后使用 map() 方法将字符串数组转换为对象数组。注意，在将对象转换为字符串时，需要使用 JSON.stringify() 方法，否则无法去重。在将字符串转换为对象时，需要使用 JSON.parse() 方法。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值