ES6之Set和Map

旺旺旺小小苏

已于 2022-03-17 22:56:13 修改

阅读量3.1k

点赞数

CC 4.0 BY-SA版权

文章标签： javascript es6

于 2022-03-17 22:54:38 首次发布

本文链接：https://blog.youkuaiyun.com/liusuyun_1/article/details/123537945

一、什么是Set

1）Set是一种叫做集合的数据结构。这句话的重点在于集合，那么什么是集合的？它又有什么特点呢？集合是由一组无序且唯一的项组成的，即是一个没有重复元素也没有顺序概念的数组

2）Set本身是一个构造函数，用来生成Set数据结构

当我们要定义一个Set数据结构时：

const setData = new Set()
setData.add('111')
// 或
const setData = new Set([111]）

1、属性：

2、操作方法：

3、遍历方法：

4、注意点：

向Set加入值时，不会发生类型转换。Set内部判断两个值是否不同使用的算法类似于精确相等运算符===，唯一不同的是向Set多次添加NaN时，只会加入一个，而NaN!===NaN时返回的是false
向Set加入的值为对象类型时，不会对相同类型的值进行去重
Set的遍历顺序就是插入顺序，可利用这个特性保存一个回调函数列表，调用时就能保证按照添加顺序调用
Set结构没有键名，只有键值（或者说键名和键值是同一个值）所以keys()方法和values()方法的行为完全一致 set.keys()和set.values()
可以通过Array.from或者扩展运算符...将Set结构转为数组

Map数据结构类似于对象，也是键值对的集合，那么对象和Map有什么区别呢？

1、当我们想创建一个Map时，可以通过

const mapData1= new Map([
  ['foo', 1],
  ['bar', 2]
]);

//或者
const mapData2 = new Map()
mapData2.set('foo',1)
mapData2.set('foo',1)

2、属性：

3、操作方法：

4、遍历方法：

5、注意点：

1）由于Set的值是唯一的，所以可以用来做数组的去重

2）当我们在业务开发中遇到需要通过多次数组循环才能找到对应的值时，可以考虑将数据存储为Map结构，这样可以方便我们根据key值快速获取到对应的value值。

前面了解完Set结构和Map结构后，现在来简单了解一下WeakSet、WeakMap结构吧。

1、WeakSet:

2、WeakMap: