JavaScript 中的 Set 对象详解

最新推荐文章于 2025-03-28 17:49:46 发布

碧海蓝天·

最新推荐文章于 2025-03-28 17:49:46 发布

阅读量412

点赞数

CC 4.0 BY-SA版权

文章标签： javascript 前端开发语言 JavaScript

本文链接：https://blog.youkuaiyun.com/debug_bug142/article/details/133084133

JavaScript 专栏收录该内容

306 篇文章 ¥59.90 ¥99.00

订阅专栏

本文详细介绍了JavaScript中的Set对象，它用于存储唯一值，不包含重复元素。内容包括Set对象的创建、添加和删除元素、检查元素存在、获取大小、遍历方法以及其在去重、数组操作、数据存储和判断元素存在等场景的应用。掌握Set对象的使用能有效提升编程效率。

Set 对象是 JavaScript 中的一种数据结构，用于存储唯一的值。它类似于数组，但与数组不同的是，Set 对象中的元素是唯一的，不允许重复。

创建 Set 对象
要创建一个 Set 对象，可以使用以下方式：

const set = new Set();

添加元素到 Set 中
可以使用 add() 方法将元素添加到 Set 对象中：

const set = new Set(

了解本专栏

订阅专栏解锁全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

碧海蓝天·

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

订阅专栏

JavaScript中的Reflect对象详解(ES6新特性)

10-21

JavaScript中的Reflect对象是ES6（ECMAScript 2015）中引入的一个内置对象，它提供了一系列用于拦截JavaScript操作的方法。这些操作包括对象属性的获取和设置、调用对象方法、创建新对象实例等。使用Reflect对象的...

JavaScript Date对象详解

10-22

JavaScript中的Date对象是一个内置对象，用于处理日期和时间。它提供了各种方法来创建日期对象、获取和设置日期和时间的各个部分、执行日期时间计算以及格式化日期时间等操作。接下来，我们将详细探讨JavaScript ...

参与评论您还未登录，请先登录后发表或查看评论

（JS基础）Set 对象和 Map 对象

weixin_33834075的博客

03-23

577

SetES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。使用new Set()创建一个 Set 对象，对象的成员可以是任意类型。创建 Set 实例// 创建一个空的Set对象 let s1 = new Set(); // Set(0) {} // 传入数组，或类数组 let s2 = new Set([1, 2, 2, 3...

深入理解 JavaScript 的 Set 对象

写完这行代码打球去的博客

03-28

1309

Set是一个集合（collection），其中的元素是唯一的，并且按照插入顺序存储。它可以存储任何类型的值，包括原始值和对象。Set是一个强大的工具，适用于需要存储唯一值的场景。通过本文的介绍，你应该对Set的特性、用法以及与其他数据结构的对比有了更深入的了解。希望你能在实际开发中灵活运用Set，提升代码的效率和可读性！

JS Set对象的基本使用

qq_42254384的博客

11-14

1290

1.对数组进行去重操作： let arr = [1, 1, 2, 2, 3, 3] arr = new Set(arr) console.log([...arr]) //[1, 2, 3] //使用展开符才能正确输出为数组，否则为Set对象类型数组 2.取两个或多个数组的并集：（合并多个数组并去重） let arr = [1, 1, 2, 2, 3, 3] let arr1 = [1, 2, 4, 5] arr = new Set(arr) arr1 = new Set(arr1) for(le

JavaScript学习-ES6-Set对象与weakSet

兴华的博客

05-30

406

Set对象允许你存储任何类型的唯一值，无论是原始值或者是对象引用。Set对象是值的集合，你可以按照插入的顺序迭代它的元素。 Set中的元素只会出现一次，即 Set 中的元素是唯一的。NaN和undefined都可以被存储在Set 中， NaN之间被视为相同的值（尽管 NaN !== NaN）。创建一个Set对象语法：new Set([iterable]);iterable如果传递一个可迭代对象，它...

关于 JS 中 Set 的长篇大论

潜隐-前端

11-28

1280

在 JS 中 Set 对象是数据的一个集合; Set 对象允许存储任何类型的数据 Set 中存储的数据都是唯一的, 同一个值只会被存储一次 Set 中每个元素都是有序的, 每.......

JavaScript中的Reflect对象详解(ES6新特性).doc

最新发布

07-18

Reflect对象是JavaScript在ECMAScript 2015（ES6）中引入的一个新的全局对象，它是用于JavaScript语言层面的操作对象，提供了一系列的静态方法，允许程序以反射的方式访问对象的内部属性和方法。与Proxy对象紧密相关...

javascript self对象使用详解

10-21

在JavaScript编程中，self对象是一个与window对象等价的全局对象，它用于引用当前窗口。由于JavaScript存在浏览器间的兼容性问题，self对象提供了一种方式，使得在不同浏览器中可以通用地引用当前窗口对象。以下详细...

js 中 Set 对象

艾斯比

01-26

943

Set 对象是 ES5 后预定义的内置对象具有对元素自动去重 (旧的会被移除), 有序的集合对象常用的方法有 add(e) 添加元素 delete(e) 删除元素 has(e) 是否包含某元素 size 集合大小 (注意 size 是变量, 而不是函数) clear() 清空集合 let set = new Set(); set.add('123') set.add('456') // 重复添加, 这个新的元素并不会加入 set.add('123') // 支持链式调用 set.add('123'

JS中Set对象

qq_42526440的博客

02-27

1220

Set Set 对象允许你存储任何类型的唯一值，无论是原始值或者是对象引用。简述 Set对象是值的集合，你可以按照插入的顺序迭代它的元素。 Set中的元素只会出现一次，即 Set 中的元素是唯一的。值的相等因为 Set 中的值总是唯一的，所以需要判断两个值是否相等。在ECMAScript规范的早期版本中，这不是基于和===操作符中使用的算法相同的算法。具体来说，对于 Set s， +0 （+0 严格相等于-0）和-0是不同的值。然而，在 ECMAScript 2015规范中这点已被更改。有关详细信息，

JavaScript 的 Set 是什么？一篇让你彻底搞懂的入门手册

weixin_43172311的博客

03-01

1003

Set是JavaScript中处理‌唯一性数据‌和‌高性能查找‌的终极工具。数据去重集合运算高频查找大规模数据处理。

js ES6的Set 对象

wu118765783的博客

10-16

300

大家好，我是pkqk，废话不多说直接上代码来更好的了解Set 对象。 //创建Set 对象 let set=new Set(); /* 里面可以直接传null,undefined,字符串,数组。其他类型要用[]数组的形式来传值 */ let a=new Set([{1:"a"}]); console.log(a); let b=new Set([1]); console.log(b); let c=new Set([Symbol(1)]); console.log(c); let.

JavaScript---Set对象函数的使用，去重储存等方式

COCOLI_BK的博客

08-09

718

JavaScript---Set对象函数的使用，去重储存等方式。

JavaScript --Set对象及常用方法总结

Qlz的博客

12-06

2465

Set 1 Set介绍 2 创建Set 3 方法 4 遍历Set 5 利用Set对数组去重 Set 1 Set介绍 Set用来创建一个集合它的功能和数组类似，不同点在于Set中不能存储重复的数据 Set存储元素是无序的，不能通过下标访问 2 创建Set

JavaScript map对象/set对象详解

日常笔记/总结/系列知识梳理

05-09

6359

这个方法创建一个新数组，其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。方法在数组操作中非常有用，它允许你遍历数组的每个元素，并对每个元素执行一个函数，然后将该函数的结果组成一个新的数组。对象是一种特殊的类型，它允许你存储唯一的值（无论是原始值还是对象引用）。以下是一些基本的操作。有时，你可能需要对数组中的每个元素进行复杂的转换，这可能需要多个步骤或依赖于其他数据。是一个内建的对象类型，它允许你存储唯一的值，无论是原始值或者是对象引用。，其中的每个元素都是原数组中对应元素的两倍。

Js中的Set

mjjhen的博客

07-09

379

Set 对象 Set 对象允许你存储任何类型的唯一值，无论是原始值或者是对象引用。 Set 中的特殊值 Set 对象存储的值总是唯一的，所以需要判断两个值是否恒等。有几个特殊值需要特殊对待： +0 与 -0 在存储判断唯一性的时候是恒等的，所以不重复； undefined 与 undefined 是恒等的，所以不重复； NaN 与 NaN 是不恒等的，但是在 Set 中只能存一个，不重复。代码： let mySet = new Set(); mySet.add(1); // Set(1

JavaScript Set新增7个方法操作集合

a57521的博客

07-03

409

symmetricDifference () 它返回一个包含此集合或给定集合中的元素的新集合，但不包含同时存在于这两个集合中的元素。isSubsetOf () 它返回一个布尔值，指示此集合中的所有元素是否都在给定的集合中。difference () 它返回一个包含此集合中的元素但不包含给定集合中元素的新集合。intersection () 它返回一个包含此集合和给定集合中所有元素的新集合。union () 它返回一个包含此集合中所有元素和给定集合的新集合。

JavaScript Set对象

weixin_46083556的博客

06-27

223

let mySet = new Set(); mySet.add(1); mySet.add("some text"); let o = {a: 1, b: 2}; mySet.add(o); mySet.add({a: 1, b: 2}); mySet.has(1); // true .add//添加 ps:无法添加重复元素 .has//匹配内容是否存在