new Set()的基础用法(ES6)(常用于数组去重)

最新推荐文章于 2024-06-15 11:16:59 发布
最新推荐文章于 2024-06-15 11:16:59 发布
阅读量1.8w 收藏 31
点赞数 11
分类专栏： web端 文章标签： es6 数据结构 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/JunVei/article/details/126338170
版权

1.什么是set()

Set是es6新增的数据结构，似于数组，但它的一大特性就是所有元素都是唯一的，没有重复的值，我们一般称为集合。Set本身是一个构造函数，用来生成 Set 数据结构

2.使用情形

new Set()生成出来的数据是Set数据结构，需要自行转换成对应结构

2.1 用于数组去重
在这里插入图片描述

2.2 用于字符串去重
在这里插入图片描述

3.增删改查

3.1添加元素add

对于存在的元素，不会进行再次添加处理

在这里插入图片描述

3.2是否存在元素has

返回boolen类型，判断是否是set内的成员元素
在这里插入图片描述

3.3删除元素delete

删除的是值，而不是下标

在这里插入图片描述

3.4清楚所有元素clear

执行后没有返回值

在这里插入图片描述

4.遍历方法

4.1 遍历 keys()

返回键名的遍历器，相等于返回键值遍历器values()

在这里插入图片描述
4.2 遍历 values()

返回键值的遍历器

在这里插入图片描述
4.3 遍历 entries()

返回键值对的遍历器

在这里插入图片描述
4.4 遍历 forEach()

使用回调函数遍历每个成员

**在这里插入图片描述**

别改我bug
关注
  • 11
    点赞
  • 踩
  • 31
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
new Set()
wtianheihei的博客
02-22 1318
Set Set 新的数据结构，类似于数组，值唯一 Set本身是一个构造函数，用来生成 Set 数据结构。 Set函数可以接受一个数组（或者具有 iterable 接口的其他数据结构）作为参数，用来初始化。 单层数组/字符串去重，多层嵌套不会数组去重 size 相当于length，是set的长度标识 // 数组去重 var ary = [1, 2, 3, 3, 4, 4]; // 会数组去重 var ary = [ [1,2], [2,3],
JavaScript数组去重的6个方法
10-20
本文将介绍6种不同的方法来实现JavaScript数组去重，这些方法适用于不同的场景和需求。 1. **基础方法（O(n^2)**： 这是最直观的方法，通过两层循环检查元素是否存在。首先，创建一个新的空数组`res`，然后遍历原...
new Set()的基础用法(ES6)——类似数组、成员唯一用于数组去重 & set对象方法-增add删delete查has和遍历 & 应用之数组去重、字符串去重、实现不同set对象的并集、交集和差集
weixin_44867717的博客
09-03 6010
js es6
new Set()的基础用法(ES6)
热门推荐
yiyueqinghui的博客
08-03 6万+
1、什么是Set() 似于数组，但它的一大特性就是所有元素都是唯一的，没有重复。 我们可以利用这一唯一特性进行数组的去重工作。 2、常用方法 2.1 添加元素(与对象添加元素一致 Object.key = value) let list=new Set(); list.add="1" 2.2 删除元素 delete let list=new Set([1,20,30,40]) list.delete(30) //删除值为30的元素，这里的30并非下标 2.3 判断某元素是否存在 has let
new Set( )的基本使用以及如何去重对象数组
最新发布
青春木鱼的博客
06-15 1264
在 ES6 中，引入了一个新的数据结构类型：Set。而 Set 与 Array 的结构是很类似的，且 Set 和 Array 可以相互进行转换。Set 对象允许你存储任何类型的唯一值（Set 对象存储的值总是唯一的），无论是原始值或者是对象引用。
ES6之 new Set()
@芈文 的博客
12-22 2981
new Set() Set是es6新增的数据结构，似于数组，但它的一大特性就是所有元素都是唯一的，没有重复的值，我们一般称为集合。
new Set ( ) 的基本用法
r8577的博客
11-21 854
new Set ( ) 是es6新增的一种数据结构，类似于数组，但其所有的元素唯一 没有重复值。
new set
与世无争的小垃圾
02-09 854
es6 ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。 const s = new Set(); [2, 3, 5, 4, 5, 2, 2].forEach(x => s.add(x)); for (let i of s) { console.log(i); } // 2 3 5 4 数组去重 // 去除数组的重复成员 [...new Set(array)] 字符串去重 [...new Set('ababbc')].join('') //
高性能js数组去重(12种方法，史上最全)
10-15
这里我们将探讨12种不同的方法来实现JS数组去重，以提高对这些技术的理解。 1. **利用ES6 Set去重**： Set是ES6中新增的数据结构，它不允许重复的值。通过将数组转换为Set，然后再转回数组，可以实现去重。 ```...
js代码-2个数组对象去重获取合并后的数组
07-15
1. **使用Set数据结构**：Set是ES6引入的一种新的数据结构，它的一个显著特点是不允许重复的值。我们可以先将一个数组转换为Set，然后再将另一个数组的元素添加到Set中，这样重复的元素会被自动过滤掉。最后，将Set...
JS简单实现数组去重的方法分析
11-27
同时，对于数组相关的其他操作，如排序、查找、遍历等，了解它们的原理和使用方法也非常重要，可以提高编程效率。在实际开发中，还可以结合使用各种工具，如文中提到的在线去重复工具，来辅助我们进行数据处理。
浅谈ES6新增的数组方法和对象
08-29
使用Set和Array.from()方法可以实现数组去重，例如： ``` let arr1 = [1, 2, 2, 1, 1, 3, 5, 2]; console.log(Array.from(new Set(arr1))); // 输出[1, 2, 3, 5] ``` 最后，ES6中还提供了Map数据结构，Map是一种键值...
ES6中的new Set
weixin_48923538的博客
03-01 587
ES6中的new Set
ES6之new Set()
weixin_39788999的博客
03-16 478
Set对象存储的值总是唯一的 一、Set对象方法： 1、add ： 添加某个值，返回Set对象本身； 2、clear ： 删除所有键/值对，没有返回值； 3、delete ： 删除某个键，返回true。若删除失败，返回false； 4、 forEach ： 对每个元素执行指定操作； 5、 has ： 返回一个布尔值，表示某个键是否在当前Set对象中； add 添加某个值，返回Set对象...
ES6的new Set()
m0_56274171的博客
01-13 517
Set对象是值的集合，你可以按照插入的顺序迭代它的元素。 Set中的元素只会出现一次，即 Set 中的元素是唯一的 const set = new Set() // { } 尾部添加 add() // 添加 set.add(1).add(2).add(3) // console.log(set);// {1,2,3} 删除指定成员 delete() //删除 set.delete(1) // console.log(set);// {2,3} 判断是否含有某个值,返回布尔值 //.
new Set数组去重
weixin_44795287的博客
01-23 1万+
利用该方法去重 <script> let arr = [1,1,3,3,4,4,5] console.log([...new Set(arr)]); //打印数组[1,3,4,5] </script>
new Set() 用法+拓展
weixin_44251670的博客
03-26 4212
new Set() / js学习 / 数组去重
ES6基础——new Set()
songduo112的博客
01-28 585
Set对象存储的值总是唯一的 Set对象方法 方法 描述 add 添加某个值，返回Set对象本身。 clear 删除所有的键/值对，没有返回值。 delete 删除某个键，返回true。如果删除失败，返回false。 forEach 对每个元素执行指定操作。 has 返回一个布尔值，表示某个键是否在当前Set对象之中。 Set对象作用 数组去重 var arr = [1,2,3,3,1,4]; [...new.Set(arr)]; // [1,2,3,4] Array
【... new Set】
08-18
【...new Set】是一种将Set对象转换为数组的常用方法。通过使用扩展运算符(...)和新建一个Set对象，我们可以将Set对象中的唯一值提取出来并以数组的形式返回。这个方法常用于数组去重，可以快速、简洁地去除重复的元素。例如，使用【...new Set(arr)】可以将一个数组【arr】中的重复元素去除，并返回一个只包含唯一值的新数组。同样地，它也可以用于字符串去重，可以将一个字符串中的重复字符去除，并返回一个由唯一字符组成的新字符串。【1】【2】【3】<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [new Set() 用法+拓展](https://blog.csdn.net/weixin_44251670/article/details/123735625)[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^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* [ES6基础之——[...new Set()]](https://blog.csdn.net/qq_42363090/article/details/108467633)[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^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

别改我bug

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值