0

0

JS 中的集合是什么?

PHPz

PHPz

发布时间:2024-07-19 09:10:17

|

380人浏览过

|

来源于dev.to

转载

js 中的集合是什么?

集合是唯一值的集合。与数组不同,集合不能有重复的元素。

set 的基本操作

创建一个集合

您可以使用 new set() 构造函数创建一个新的 set。例如:

const uniquenumbers = new set([1, 2, 3, 3, 4]);
console.log(uniquenumbers); // output: set(4) {1, 2, 3, 4}

有趣严肃的例子

示例 1: 重复的派对破坏者
想象一下您正在举办一个聚会,并且您只想要独特的客人。但有些客人却两次尝试潜入!

const partyguests = new set();

partyguests.add('alice');
partyguests.add('bob');
partyguests.add('alice'); // alice tries to sneak in again!

console.log(partyguests); // output: set(2) {"alice", "bob"}

在这里,爱丽丝两次试图潜入,但套装只让她进去一次。

示例 2: 魔术帽子戏法
你有一顶魔法帽,只允许存储独特的物品。如果你尝试将同一个物品放入两次,它就不会拥有它!

const magichat = new set();

magichat.add('rabbit');
magichat.add('dove');
magichat.add('rabbit'); // another rabbit tries to jump in!

console.log(magichat); // output: set(2) {"rabbit", "dove"}

魔法帽里只有一只兔子和一只鸽子,尽管第二只兔子试图跳进去。

示例3:独特书籍图书馆
您经营着一家图书馆,每本书都必须是独一无二的。如果有人试图捐赠您已有的书,您可以礼貌地拒绝。

const library = new set(['1984', 'brave new world', '1984']); // 1984 is already in the library!

console.log(library); // output: set(2) {"1984", "brave new world"}

您的图书馆通过只保留每本书一本来保持其独特性。

TP-COUPON 导购系统 免费版
TP-COUPON 导购系统 免费版

自从百度屏蔽淘宝客网站、淘宝抛弃淘宝客之后,个人站长集体陷入了恐慌之中。此时,什么值得买网的异军突起引起了广大个人站长的极大关注。做一个什么值得买一样的导购网站成了众多个人站长的一致心愿! TP-COUPON 导购系统 即是让个人站长实现此心愿的绝佳选择! 欢迎个人站长选用。V1.1版 更新记录:1.修正请求时查询淘宝店铺错误的bug2.删除一些无用的代码

下载

有用的方法

检查会员

想知道某个特定客人是否已经参加聚会吗?

8915536​​48683

删除会员

有人决定提前离开聚会?没问题!

partyguests.delete('bob');
console.log(partyguests); // output: set(1) {"alice"}

清除集合

聚会结束了!是时候清理所有人了。

partyguests.clear();
console.log(partyguests); // output: set(0) {}

迭代集合

就像数组一样,您可以迭代集合。

const animals = new set(['cat', 'dog', 'bird']);

for (const animal of animals) {
  console.log(animal); 
  // output:
  // cat
  // dog
  // bird
}

集合和数组之间的转换

您可以将集合转换为数组,反之亦然。

const numberSet = new Set([1, 2, 3]);
const numberArray = [...numberSet]; // [1, 2, 3]

const arrayToSet = new Set(numberArray); // Set(3) {1, 2, 3}

为什么要使用一套?

当您需要存储唯一项目的集合,并且希望避免重复而无需手动检查它们时,集合特别有用。

概括

  • 唯一值: 集合仅存储唯一值。
  • 基本操作:可以添加、删除、检查集合中的值。
  • 迭代: 您可以迭代集合中的值。
  • 转换: 在集合和数组之间轻松转换。

通过使用集合,您可以确保您的收藏保持独特且高效,无论是聚会的来宾名单、魔术帽中的物品还是图书馆中的书籍!

相关标签:

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
js正则表达式
js正则表达式

php中文网为大家提供各种js正则表达式语法大全以及各种js正则表达式使用的方法,还有更多js正则表达式的相关文章、相关下载、相关课程,供大家免费下载体验。

510

2023.06.20

js获取当前时间
js获取当前时间

JS全称JavaScript,是一种具有函数优先的轻量级,解释型或即时编译型的编程语言;它是一种属于网络的高级脚本语言,主要用于Web,常用来为网页添加各式各样的动态功能。js怎么获取当前时间呢?php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

244

2023.07.28

js 字符串转数组
js 字符串转数组

js字符串转数组的方法:1、使用“split()”方法;2、使用“Array.from()”方法;3、使用for循环遍历;4、使用“Array.split()”方法。本专题为大家提供js字符串转数组的相关的文章、下载、课程内容,供大家免费下载体验。

254

2023.08.03

js是什么意思
js是什么意思

JS是JavaScript的缩写,它是一种广泛应用于网页开发的脚本语言。JavaScript是一种解释性的、基于对象和事件驱动的编程语言,通常用于为网页增加交互性和动态性。它可以在网页上实现复杂的功能和效果,如表单验证、页面元素操作、动画效果、数据交互等。

5271

2023.08.17

js删除节点的方法
js删除节点的方法

js删除节点的方法有:1、removeChild()方法,用于从父节点中移除指定的子节点,它需要两个参数,第一个参数是要删除的子节点,第二个参数是父节点;2、parentNode.removeChild()方法,可以直接通过父节点调用来删除子节点;3、remove()方法,可以直接删除节点,而无需指定父节点;4、innerHTML属性,用于删除节点的内容。

477

2023.09.01

js截取字符串的方法
js截取字符串的方法

js截取字符串的方法有substring()方法、substr()方法、slice()方法、split()方法和slice()方法。本专题为大家提供字符串相关的文章、下载、课程内容,供大家免费下载体验。

206

2023.09.04

Js中concat和push的区别
Js中concat和push的区别

Js中concat和push的区别:1、concat用于将两个或多个数组合并成一个新数组,并返回这个新数组,而push用于向数组的末尾添加一个或多个元素,并返回修改后的数组的新长度;2、concat不会修改原始数组,是创建新的数组,而push会修改原数组,将新元素添加到原数组的末尾等等。本专题为大家提供concat和push相关的文章、下载、课程内容,供大家免费下载体验。

217

2023.09.14

js截取字符串的方法介绍
js截取字符串的方法介绍

JavaScript字符串截取方法,包括substring、slice、substr、charAt和split方法。这些方法可以根据具体需求,灵活地截取字符串的不同部分。在实际开发中,根据具体情况选择合适的方法进行字符串截取,能够提高代码的效率和可读性 。

218

2023.09.21

Golang gRPC 服务开发与Protobuf实战
Golang gRPC 服务开发与Protobuf实战

本专题系统讲解 Golang 在 gRPC 服务开发中的完整实践,涵盖 Protobuf 定义与代码生成、gRPC 服务端与客户端实现、流式 RPC(Unary/Server/Client/Bidirectional)、错误处理、拦截器、中间件以及与 HTTP/REST 的对接方案。通过实际案例,帮助学习者掌握 使用 Go 构建高性能、强类型、可扩展的 RPC 服务体系,适用于微服务与内部系统通信场景。

6

2026.01.15

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号