开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

带有对象/数组的Javascript Set/WeakSet数据结构

带有对象/数组的Javascript Set/WeakSet数据结构是一种用于存储唯一值的集合，其中对象和数组可以作为值存储。它们是ES6引入的新数据结构，用于解决传统数组和对象无法直接判断唯一性的问题。

Set是一种有序的列表，它的成员值都是唯一的，没有重复的值。Set中的值可以是任意类型的数据，包括基本类型和对象引用。Set内部使用了严格相等运算符（===）来判断值的唯一性。Set提供了一系列的方法来操作集合，如添加值、删除值、判断值是否存在等。

WeakSet是一种特殊的Set，它只能存储对象引用，并且对于存储的对象是弱引用。这意味着如果对象在其他地方没有被引用，垃圾回收机制会自动回收该对象，WeakSet中也会相应地删除该对象的引用。WeakSet主要用于存储临时对象，不会造成内存泄漏。

Set/WeakSet的优势包括：

唯一性：Set/WeakSet保证集合中的值是唯一的，避免了重复值的存在。
快速查找：Set/WeakSet内部使用哈希表实现，查找速度快。
简洁的API：Set/WeakSet提供了一系列的方法来操作集合，使用方便。

Set/WeakSet的应用场景包括：

去重：可以使用Set/WeakSet来去除数组中的重复元素。
数据过滤：可以使用Set/WeakSet来过滤重复的数据，只保留唯一值。
缓存管理：可以使用WeakSet来存储临时对象，当对象不再被引用时自动清除。

腾讯云相关产品和产品介绍链接地址：

腾讯云云服务器（CVM）：提供弹性计算能力，支持多种操作系统和应用场景。链接：https://cloud.tencent.com/product/cvm
腾讯云云数据库MySQL版：提供高性能、可扩展的MySQL数据库服务。链接：https://cloud.tencent.com/product/cdb_mysql
腾讯云对象存储（COS）：提供安全、稳定、低成本的云端存储服务。链接：https://cloud.tencent.com/product/cos
腾讯云人工智能：提供丰富的人工智能服务，包括图像识别、语音识别、自然语言处理等。链接：https://cloud.tencent.com/product/ai

相关搜索:将带有数组的JavaScript对象转换为PHP数组是否有像JavaScript中的Java Set这样的数据结构？带有内部数组的Javascript JSON 过滤复杂的数据结构(数组和对象)JavaScript对象中的数组？Javascript中的对象数组包含不使用数据结构的对象的数组对象数组的javascript嵌套数组 javascript如何返回带有键值的对象 javascript中数组的数组到对象数组的数组过滤对象的JavaScript数组另一个JavaScript对象数组带有store的对象内的数组如何用javascript保存一个带有数组数组的对象到后退如何将带有数组的javascript对象转换为具有相应名称和值的对象数组？带有值的数组中的Javascript计数数组带有函数的Javascript对象的typescript无效 javascript合并对象数组，数组中的结果对象值如何使用javascript过滤对象数组中的对象数组？比较JavaScript中的对象数组 javascript中的数组和对象

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

JavaScript ES6 (五) – 集合

本章我们将学习 ES6 中的 Set(集合) 及 WeakSet 集合的相关用法及使用场景。

01

带你入门 JavaScript ES6 (五) 集合

本章我们将学习 ES6 中的 Set(集合) 及 WeakSet 集合的相关用法及使用场景。

02

认识Set和Map数据结构

tips : 由于 Set 结构没有键名，只有键值（或者说键名和键值是同一个值），所以keys方法和values方法的行为完全一致，而entries方法返回的遍历器，同时包含键名和值，所以每次输出一个数组，它的两个成员完全相等。

07

使用ES6新特性开发微信小程序（4）

Symbol Type ES6引入了一种新的原始数据类型Symbol，表示独一无二的值。它是JavaScript语言的第七种数据类型，前六种是：Undefined、Null、布尔值（Boolean）、字符串（String）、数值（Number）、对象（Object）。 Symbol值通过Symbol函数生成。这就是说，对象的属性名现在可以有两种类型，一种是原来就有的字符串，另一种就是新增的Symbol类型。凡是属性名属于Symbol类型，就都是独一无二的，可以保证不会与其他属性名产生冲突。 let s =

06

javascript之set和weakset的用法

Set本身也是一个构造函数，用来生成Set，其参数可以是空，可以是数组，可以是类似数组的对象（比如NodeList）

02

野生前端的数据结构基础练习（6）——集合

3.为Set类增加一个higher(element)方法，该方法返回比传入元素大的元素中最小的一个，并写一段代码来测试该功能。

03

JavaScript编码之路【ES6新特性之 Symbol 、Set 、Map、迭代器、生成器】

ES6版本邀请了新的舞伴加入：Symbol、Set和Map，这三位舞伴各具特色，各自承担着不同的角色，使得JavaScript这个舞变得更加精彩。

02

深入浅出 JavaScript 弱引用

内存和性能管理是软件开发的重要方面，也是每个软件开发人员都应该注意的方面。虽然弱引用很有用，但在 JavaScript 中并不经常使用。在 ES6 版本中，JavaScript 引入了 WeakSet 和 WeakMap。

01

了解JavaScript弱引用与垃圾回收

内存和性能管理是软件开发的重要方面，也是每个软件开发者都应该注意的。尽管很有用，但弱引用在JavaScript中并不经常使用。WeakSet和WeakMap是在ES6版本中被引入JavaScript的。

ES6之set

ES6之set Set 在 JavaScript 里通常使用 Array 或 Object 来存储数据。但是在频繁操作数据的过程中查找或者统计并需要手动来实现，并不能简单的直接使用。比如如何保证 Array 是去重的，如何统计 Object 的数据总数等，必须自己去手动实现类似的需求，不是很方便。在 ES6 中为了解决上述痛点，新增了数据结构 Set 和 Map，它们分别对应传统数据结构的“集合”和“字典”。首先，我们先来学习下 Set 数据结构。频繁的数据操作set比Array性能会好很多。

01

前端系列11集-ES6 知识总结

CommonJS 加载的是一个对象该对象只有在脚本运行完才会生成；ES6 模块不是对象，它的对外接口只是一种静态定义，在代码静态解析阶段就会生成

02

ES6-标准入门·数据类型与数据结构

ES6 新增了 Synmbol 数据类型和 Set、Map 两种数据据结构，以及衍生的 WeakSet 和 WeakMap。之前工作中基本未用过，惭愧之至，努力学习之。

03

一文搞清楚ES6新增数据结构 Symbol Map WeakMap Set WeakSet

持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第15天，点击查看活动详情

01

ECMAScript 6之Set和Map数据结构

Set 基本用法 ES6提供了新的数据结构Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。 Set本身是一个构造函数，用来生成Set数据结构。 var 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 上面代码通过add方法向Set结构加入成员，结果表明Set结构不会添加重复的值。 Set函数可以接受一个数组（或类似数组的对象）作

08

Vue开发中常用的ES6新特性

ECMAScript 6，即所谓的现代Javascript，具有强大的功能，例如块作用域、类、箭头功、生成器以及许多其他有用的功能。

01

谈谈ES6语法（汇总中篇）

数组扩展运算符（spread）是三个点（...）。它好比rest参数的逆运算，将一个数组转为用空格分隔的参数序列。

01

【ES6基础】Set 与 WeakSet

在开发过程中，我们会经常使用到数组Array这种引用类型的数据结构，并十分清楚数组是种有序的集合，并且每个元素都可以使用数字下标的形式获取。但是在一些业务场景中，我们并不需要集合维护一个有序的状态，甚至有些场景需要无序集合，因此ES6里加入了无序集合Set和其的Weak版本WeakSet。

02

ES6入门之Set 和 Map

Set 函数可以接受一个数组（或具有 iterable 接口的其他数据结构）作为参数，用来初始化，如下：

01

Set 和 Map 数据结构

ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。

01

[科普]ES6一些不常见的小知识

写作不易，未经作者允许禁止以任何形式转载！ WeakMap 前置知识[深入浅出]JavaScript GC 垃圾回收机制什么是WeakMap？ WeakMap是key / value的组合，key只接受对象，不接受基本类型，value可以为任意类型。方法 set(key, value) 在WeakMap中设置一组关联对象，返回WeakMap对象 get(key) 返回key的关联对象，不存在时返回undefined has(key) 根据是否有key关联对象，放回一个Boolean值 delete(k

02

【ES6基础】Set 与 WeakSet

在开发过程中，我们会经常使用到数组Array这种引用类型的数据结构，并十分清楚数组是种有序的集合，并且每个元素都可以使用数字下标的形式获取。但是在一些业务场景中，我们并不需要集合维护一个有序的状态，甚至有些场景需要无序集合，因此ES6里加入了无序集合Set和其的Weak版本WeakSet。

03

浅习一波JavaScript高级程序设计（第4版）p6

持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第11天，点击查看活动详情

02

从一道面试题引发的原理性探究

key 是给每一个 vnode 的唯一 id,依靠 key,我们的 diff 操作可以更准确、更快速。对于简单列表页渲染来说 diff 节点也更快,但会产生一些隐藏的副作用,比如可能不会产生过渡效果,或者在某些节点有绑定数据（表单）状态，会出现状态错位。)

02

ECMAScript 6 笔记（四）

ES6引入了一种新的原始数据类型Symbol，表示独一无二的值。它是JavaScript语言的第七种数据类型，前六种是：Undefined、Null、布尔值（Boolean）、字符串（String）、数值（Number）、对象（Object）。

02

ES6-标准入门·Iterator 和 for of 循环

JavaScript 有四种表示“集合”和数据结构，分别是 Array、Object 和 ES6 新增的 Set、Map，遍历器（Iterator）就是为各种不同的数据结构提供统一访问机制的接口。

01

ES6--Set、Map、Symbol、Proxy及Reflect

版权声明：本文为博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。

03

ES6之Set和Map数据结构

ES6提供了新的数据结构Set，类似数组，元素值都是唯一的，不能重复。Set本身就是一个构造函数。

03

Set 和 Map 数据结构

Set 和 Map 数据结构.png Set 和 Map 数据结构 Set ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值上面代码向 Set 实例添加了两个NaN，但是只能加入一个。这表明，在 Set 内部，两个NaN是相等 Set.prototype.constructor：构造函数，默认就是Set函数。 Set.prototype.size：返回Set实例的成员总数 add(value)：添加某个值，返回 Set 结构本身。 delete(value)：删除某

04

ES6 常用知识总结

ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，已经在 2015 年 6 月正式发布了。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。

03

《学习JavaScript数据结构与算法》-- 5.字典和散列表(笔记)

在字典中，存储的是[键, 值]对，其中键名是用来查询特定元素的。字典和集合很相似，集合以[值, 值]的形式存储元素，字典则是以[键, 值]的形式来存储元素。字典也称作映射、符号表或关联数组。

00

ECMAScript 6 新特性总结

本文作者：IMWeb 张颖原文出处：IMWeb社区未经同意，禁止转载前言个人感觉ECMAScript 6总体上来说：添加了块级作用域，增加了一些语法糖，增强了字符串的处理，引入Gen

06

深入理解 ES6 新增的数据结构 Set 与 WeakSet

ES6 提供了新的数据结构 Set，它类似于数组，但是其成员的值都是唯一的，没有重复的值

02

ECMAScript 6 学习笔记

add：添加属性 update：属性值的变化 delete：删除属性 setPrototype：设置原型 reconfigure：属性的attributes对象发生变化 preventExtensions：对象被禁止扩展（当一个对象变得不可扩展时，也就不必再监听了）

03

ECMAScript 6 学习笔记

08

ES6学习笔记

本文作者：IMWeb coolriver 原文出处：IMWeb社区未经同意，禁止转载本文为初步阅读ECMAScript6入门后的一些记录与感想。简介 ES6的设计目标，是使得JavaS

谈谈ES6语法（汇总中篇）

数组扩展运算符（spread）是三个点（...）。它好比rest参数的逆运算，将一个数组转为用空格分隔的参数序列。

02

介绍下 Set、Map、WeakSet 和 WeakMap 的区别？

向 Set 加入值的时候，不会发生类型转换，所以5和"5"是两个不同的值。Set 内部判断两个值是否不同，使用的算法叫做“Same-value-zero equality”，它类似于精确相等运算符（===），主要的区别是NaN等于自身，而精确相等运算符认为NaN不等于自身。

02

ES6系列_11之Set和WeakSet数据结构

Set和Array 的区别是Set不允许内部有重复的值，如果有只显示一个，相当于去重。

02

重学JS-3-一图掌握JS容器

vector、list、queue看起来很容易混淆，其在C++中的区别，主要是在内存中的存储方式和支持的操作不同。

03

Es6学习笔记，持续记录

解构：https://www.runoob.com/w3cnote/deconstruction-assignment.html

02

lodash 是如何做类型检测的

JS 的基本数据类型有 Number，String，Boolean，Symbol，Null，Undefined，六种数据类型。一种引用类型 object。

02

【笔记】607- 读《你不知道的 WeakMap》笔记

原文主要复习了“JavaScript垃圾回收机制”，“Map/WeakMap区别”和“WeakMap 属性和方法”。这很好弥补被我忽视的知识点。另外，我们可以通过原文，以相同方式再去学 Set/WeakSet，效果会更好，本文后面也会介绍到。「总结开始，先看原文大纲：」

02

js WeakSet的基本使用

ECMAScript 6 新增的“弱集合”（WeakSet）是一种新的集合类型，为这门语言带来了集合数据结构。WeakSet 是 Set 的“兄弟”类型，其 API 也是 Set 的子集。WeakSet 中的“weak”（弱），描述的是 JavaScript 垃圾回收程序对待“弱集合”中值的方式。

02

ECMAScript6 基础知识点（下）

Symbol 为独一无二的值，当 Symbol 值作为对象的属性名的时候，不能用点运算符获取对应的值，因为用点运算符的话，会导致 JavaScript 把后面的属性名为理解为一个字符串类型，而不是 Symbol 类型

01

Set、Map、WeakSet、WeakMap详细介绍

Set、Map、WeakSet和WeakMap是ES6引入的新的数据结构，它们在处理数据时具有不同的特性和用途。本文将详细介绍它们的用法、特性、区别、优缺点以及使用场景和注意事项，并给出相应的代码示例。

03

用简单的方法学习ECMAScript 6

这里是ECMAScript 6 简要概览本文大量参考了es6特性代码仓库，请允许我感谢其作者Luke Hoban的卓越贡献，也感谢Axel Rauschmayer所作的优秀书籍。

04

《你不知道的 WeakMap》番外篇

原文主要复习了“JavaScript垃圾回收机制”，“Map/WeakMap区别”和“WeakMap 属性和方法”。这很好弥补被我忽视的知识点。另外，我们可以通过原文，以相同方式再去学 Set/WeakSet，效果会更好，本文后面也会介绍到。

00

ES6面试点-WeakSet与Set的区别

其次，WeakSet 中的对象都是弱引用，即垃圾回收机制不考虑 WeakSet 对该对象的引用，也就是说，如果其他对象都不再引用该对象，那么垃圾回收机制会自动回收该对象所占用的内存，不考虑该对象还存在于 WeakSet 之中。

02

【ES6基础】Map与WeakMap

ES6里除了增加了Set（集合）类型外（笔者在这篇文章《Set与WeakSet》有过介绍），今天的这篇文章笔者将继续介绍ES6引入的新类型——Map(映射类型)和其对应的弱类型WeakMap。映射类型在计算机科学中定义属于关联数组，而关联数组的定义是若干键值对(Key/Value Pair)组成的集合,其中每个Key值都只能出现一次。

04

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭