es6 set方法实现数组去重

最新推荐文章于 2022-01-03 10:42:46 发布
最新推荐文章于 2022-01-03 10:42:46 发布
阅读量1.3k 收藏 3
点赞数 3
分类专栏： es6 文章标签： es6 set
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_25970751/article/details/85251710
版权

最近新了解到es6的两个好用方法，set和Array.from。

set是一种新的数据结构，它可以接收一个数组或者是类数组对象，自动去重其中的重复项目。

可见，重复的项目已经被去掉了，包括NaN。正常情况下，NaN === NaN 返回的是false，但是在set里，一样能够帮你去重。

在这里大家可以看到，set返回的是一个对象，但是我们想要的是数组怎么办呢。

 

这回，就该轮到Array.from出场了，它的作用，就是可以把类数组对象、可迭代对象转化为数组。

 

这回我们再看，已经变成数组了。

最后看一下兼容性：目前主流的浏览器，Chrome,Firfox,Opera，Safari，包括微软的Edge,都是支持的，注意IE不支持。

小迷糊桃
关注
  • 3
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ES6中使用Set数据结构将对象数组去重
南城旧梦_de博客
12-02 720
因为Set数据结构并非真正的数组，它类似于数组，并且成员值都是唯一的，没有重复，所以可以用来做去重操作。// { name: "张三", age: 18, address: "北京" },// { name: "李四", age: 20, address: "天津" },// { name: "王五", age: 22, address: "河北" },{ name: "张三", age: 18, address: "北京" },其中张三和李四为重复对象；
数组去重方法
最新发布
m0_74114605的博客
03-23 785
先创建一个空数组prev，然后遍历原数组arr，对于每一个元素进行对比，看它是否出现在prev中，如果不存在 就将它添加到prev中，最后返回prev数组，它就是去重后的数组。创建一个新数组，然后去遍历旧数组，利用forEach遍历判断，如果在新数组的查询中没有发现这个元素就会返回-1，执行数组的push方法，否则结束此次循环进入下一循环。通过遍历原数组来判断元素是否存在新数组中，存在则把元素push到新数组，该方法会更改数组的原始数据。是否包含一个指定的值，如果是返回 true，否则false。
Es6中用Set去重
阳阳的博客
01-03 2628
简单易上手，快来操作一番，试试看吧
Set实现数组去重
weixin_44872017的博客
07-22 4994
Set()是ES6提供的新的数据结构，类似于数组但不会有重复的值。 Set()是一个构造函数，所以生成的是Set数据结构。 var s = new Set(); // 添加 s.add(6); s.add('999'); s.add(6); s.add('6'); s.add(NaN); s.add(NaN); s.add({1:1}); s.add({1:1}); console.log(s); //结果：{6,"999,"6",NaN,{},{}} Set会自动筛掉重复的值,并且不
js数组去重（利用ES6的Set对象）
hgg923的专栏
08-07 1571
原文 let arr2 = new Set([1,1,2,3,4]) let arr3 = [...arr2] console.log(arr2, arr3) // {1,2,3,4} [1,2,3,4] 1、Js es6中扩展运算符（...）
JS简单实现数组去重的方法分析
11-27
本文主要介绍了一种简单的JS数组去重方法，通过创建一个新的空数组并利用`indexOf()`方法和`push()`方法来实现。 首先，我们来看一下这种方法的具体实现： ```javascript var arr = ['abc', 'abcd', 'sss', '2', '...
JavaScript中数组去重的5种方法
11-20
方法一：new Set()实现数组去重 ES6 提供了新的数据结构 Set，它类似于数组，但是成员的值都是唯一的，没有重复的值。 Set 本身是一个构造函数，用来生成 Set 数据结构。Set函数可以接受一个数组，用于初始化。根据 ...
高性能js数组去重(12种方法，史上最全)
10-15
这里我们将探讨12种不同的方法来实现JS数组去重，以提高对这些技术的理解。 1. **利用ES6 Set去重**： Set是ES6中新增的数据结构，它不允许重复的值。通过将数组转换为Set，然后再转回数组，可以实现去重。 ```...
JavaScript数组去重的方法总结【12种方法，号称史上最全】
12-07
本文实例总结了JavaScript数组去重的方法。分享给大家供大家参考，具体如下： 数组去重，一般都是在面试的时候才会碰到，一般是要求手写数组去重方法的代码。如果是被提问到，数组去重的方法有哪些？你能答出其中的...
ES6:Set数据结构的使用方法及使用set数组去重
weixin_46682277的博客
07-21 1432
ES6提供了新的数据结构Set，类似于数组，但成员的值都是唯一的，没有重复的值，因此可以利用Set去重。 Set本身是一个构造函数，用来生成Set数据结构，使用时可以直接new Set()进行使用。 // Set函数可以接收一个数组作为参数，用来初始化 // Set函数中有一个size属性，表示存放了几个内容 const a = new Set([1,2,3]); console.log(a.size); // 输出3，因为存放了3个内容1 2 3 const a2 = new Set(); consol
ES6 Set的使用， 数组去重 如此简单
Ace_with_Yu的博客
12-21 1308
Set是ES6提供新的一种数据结构。类似于数组，但是成员元素的值都是唯一的，没有重复的值。接收数组作为参数，所以可以用来用作数组的去重使用 let arr = new Set([[1,1,2,2,2,3,4,4,4,4,5,6]]) console.log(arr) //[1,2,3,4,5,6] 可以使用new Set().size来查看不重复的数组元素长度 另外Set 有几个操作...
Set 对象
weixin_48659263的博客
10-24 549
Set 对象允许你存储任何类型的唯一值，无论是原始值或者是对象引用。 简述 Set对象是值的集合，你可以按照插入的顺序迭代它的元素。 Set中的元素只会出现一次，即 Set 中的元素是唯一的。 值的相等 因为 Set 中的值总是唯一的，所以需要判断两个值是否相等。在ECMAScript规范的早期版本中，这不是基于和===操作符中使用的算法相同的算法。具体来说，对于 Set s， +0 （+0 严格相等于-0）和-0是不同的值。然而，在 ECMAScript 2015规范中这点已被更改。有关详细信息，请参阅浏
ES6数组去重的最佳实践：Set结合Array.from() | 拓展运算符结合 Set
热门推荐
CRPER
08-31 4万+
ES5及之前大多都是用遍历和算法来实现数组去重，在ES6有一个更为简便的方式。
【ES6系列】详解ES6中的Set
一个写代码的废物
02-24 1440
一、基本用法 Set 是 ES6 提供的一种新的数据结构，它跟数组一样用于存储有序的数据，但是没有随机访问的能力，也就是说，不能像数组一样通过索引来获取具体的某个元素。除此以外，最重要的是，Set 中的元素具有唯一性，不允许存储相同的元素！ Set 是一个构造函数，用于实例化实例： let set = new Set() set.add(1)//往set集合中添加元素1 除此以外，Set() 可...
ES6——之数据存储结构：Set、Map基本使用及实现原理（邻接链表详解）
cnailili的博客
02-04 1892
ES6——之数据存储结构 Set、Map基本使用及实现原理 使用时必须要new： 1、Set：是ES6提供给我们的构造函数，能构造出一种新的储存数据的结构； 特点：只有属性值，成员值唯一（不重复） 用途：可以转换成数组，进行去重、取交集、并集、差集等操作； Set的基本使用：创建时可传[]、’'等迭代数据； const oS = new Set([1,2,false,1]); //自带去重方法 ...
ES6 .Set数据结构去除重复元素
weixin_34363171的博客
12-04 230
用法一 var set = new Set([1, 2, 3, 4, 2, 8, 4]); //两个2 for (var elem of set) { console.log(elem) // 输出结果 1 2 3 4 8 } 用法二结合.map遍历和for循环 var set = new Set(); [1, 2, 3, 4, 2, 8,...
set方法实现数组去重
08-25
使用Set方法可以实现数组去重。Set是ES6中的新数据结构，它类似于数组，但是成员的值都是唯一的，没有重复的值。可以通过将数组传递给Set构造函数来创建一个Set对象，然后使用Array.from()方法或者扩展运算符...将Set对象转换为数组，从而实现数组去重的效果。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [JavaScript中数组去重的5种方法](https://download.csdn.net/download/weixin_38604620/13128780)[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_1"}}] [.reference_item style="max-width: 50%"] - *2* *3* [Set实现数组去重](https://blog.csdn.net/weixin_44872017/article/details/118983118)[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_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值