es6新增数据结构Set()与WeakSet()

最新推荐文章于 2023-06-15 16:21:20 发布

Mouse@Rice

最新推荐文章于 2023-06-15 16:21:20 发布

阅读量143

点赞数

分类专栏： JavaScript 文章标签： javascript 数据结构前端

本文链接：https://blog.youkuaiyun.com/qq_45284875/article/details/122525686

版权

JavaScript 专栏收录该内容

13 篇文章

订阅专栏

本文详细介绍了ES6中的两种数据结构Set与WeakSet。Set是一种不允许元素重复的数据结构，支持数组去重等功能；WeakSet与Set类似，但仅能存储对象类型，并采用弱引用方式存储元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


在ES6之前，我们存储数据的结构主要有两种：数组、对象。
在ES6中新增了另外两种数据结构：Set、Map，以及它们的另外形式WeakSet、WeakMap。  
 Set是一个新增的数据结构，可以用来保存数据，类似于数组，但是和数组的区别是元素不能重复。 
创建Set我们需要通过Set构造函数（暂时没有字面量创建的方式）：
 我们可以发现Set中存放的元素是不会重复的，那么Set有一个非常常用的功能就是给数组去重。

 Set常见的属性：
 size：返回Set中元素的个数；
Set常用的方法：
add(value)：添加某个元素，返回Set对象本身；
delete(value)：从set中删除和这个值相等的元素，返回boolean类型；
has(value)：判断set中是否存在某个元素，返回boolean类型；
clear()：清空set中所有的元素，没有返回值；
 forEach(callback, [, thisArg])：通过forEach遍历set；另外Set是支持for of的遍历的。


 和Set类似的另外一个数据结构称之为WeakSet，也是内部元素不能重复的数据结构。
 那么和Set有什么区别呢？
 区别一：WeakSet中只能存放对象类型，不能存放基本数据类型；
 区别二：WeakSet对元素的引用是弱引用，如果没有其他引用对某个对象进行引用，那么GC可以对该对象进行回收；
WeakSet常见的方法：
 add(value)：添加某个元素，返回WeakSet对象本身；
delete(value)：从WeakSet中删除和这个值相等的元素，返回boolean类型；
 has(value)：判断WeakSet中是否存在某个元素，返回boolean类型；

在ES6之前，我们存储数据的结构主要有两种：数组、对象。
在ES6中新增了另外两种数据结构：Set、Map，以及它们的另外形式WeakSet、WeakMap。
Set是一个新增的数据结构，可以用来保存数据，类似于数组，但是和数组的区别是元素不能重复。
创建Set我们需要通过Set构造函数（暂时没有字面量创建的方式）：
我们可以发现Set中存放的元素是不会重复的，那么Set有一个非常常用的功能就是给数组去重。

Set常见的属性：
size：返回Set中元素的个数；
Set常用的方法：
add(value)：添加某个元素，返回Set对象本身；
delete(value)：从set中删除和这个值相等的元素，返回boolean类型；
has(value)：判断set中是否存在某个元素，返回boolean类型；
clear()：清空set中所有的元素，没有返回值；
forEach(callback, [, thisArg])：通过forEach遍历set；另外Set是支持for of的遍历的。

和Set类似的另外一个数据结构称之为WeakSet，也是内部元素不能重复的数据结构。
那么和Set有什么区别呢？
区别一：WeakSet中只能存放对象类型，不能存放基本数据类型；
区别二：WeakSet对元素的引用是弱引用，如果没有其他引用对某个对象进行引用，那么GC可以对该对象进行回收；
WeakSet常见的方法：
add(value)：添加某个元素，返回WeakSet对象本身；
delete(value)：从WeakSet中删除和这个值相等的元素，返回boolean类型；
has(value)：判断WeakSet中是否存在某个元素，返回boolean类型；