ES6新增的Set、WeakSet 、Map、WeakMap数据结构

亦凉 2023-08-17 15:42 58阅读 0赞

ES6中新增了内置引用类型：Set、WeakSet 、Map、WeakMap ，他们都是数据结构，数据结构是指相互之间存在特定关系的数据元素的集合。  
其中Set和Map提供了iterator接口，可以遍历。

## Set数据结构 ##

Set是一种类似数组的数据结构，是不重复的集合。  
通过new Set（）可以声明一个Set对象实例，new Set（）接受一个数组（或类数组的对象）作为参数，用来初始化。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2RyZWFtaW5nYmFvYmVpMw_size_16_color_FFFFFF_t_70]

#### Set 结构的遍历： ####

Set的原型中有keys方法、vaules方法、entries方法，返回的都是Set遍历器对象(SetIterator)，可以通过for of遍历。  
由于Set 结构的键名和键值是同一个值），所以keys方法和vaules方法的行为完全一致。entries方法返回的成员是以一组键值对的结构。

也可以用forEach进行遍历

let set=new Set(['a','b','c']);
    set.forEach(function(value,key){ 
        console.log(value,key)
    });

## WeakSet数据结构 ##

WeakSet数据结构与Set类似,也是不重复的集合，字面意思是弱Set,Set中添加任意类型的元素，但Set中对象的引用都是强类型化的，并不会允许垃圾回收，ES6还引入了WeakSet的弱集合，WeakSet只能存储对象作为成员，允许从内存中清除不再需要的被这些集合所引用的对象。

*  WeakSet的成员只能是对象
 *  WeakSet中的对象都是弱引用  
    如果一个对象是WeakSet集合的成员，而其他对象都不再引用该对象，那么该对象将会被垃圾回收机制回收
 *  WeakSet集合不可遍历

![在这里插入图片描述][20191008160208970.png]  
WeakSet的三个方法add()，delete()，has()参考Set实例对象的方法。

## Map数据结构 ##

如果说Set类似数组，那么Map比较类似对象，Map集合中的成员是以一组键值对的结构, 这和Object对象一样，但Object对象的键名要求是字符串或Symbol，而Map成员的键名可以是任何类型的值。

*  初始化Map需要一个二维数组，或者直接初始化一个空Map
 *  set( )方法给实例设置一对键值对。
 *  对一个key重复赋值时，会进行覆盖

//创建实例并初始化，参数是一个数组，数组的成员是键值对形式的数组
    var m1=new Map([
    	['id', 1], 
    	[2, 2], 
    	[{ }, 3]
    ]);
    console.log(m1);
    var m2 = new Map();
    m2.set('id', 1);
    m2.set(2, 2);
    m2.set({ }, 3);
    console.log(m2);

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2RyZWFtaW5nYmFvYmVpMw_size_16_color_FFFFFF_t_70 1]

#### Map 结构的遍历： ####

同Set一样，Map的原型中有keys方法、vaules方法、entries方法，返回的都是Map遍历器对象(SetIterator)，可以通过for of遍历。keys()获取Map实例的键名，values()获取Map实例的键值，entries()获取Map实例的键值对。

也可以用forEach进行遍历

m.forEach(function(value,key){ 
        console.log(key+':'+value);
      });

## WeakMap结构 ##

*  WeakMap结构同Map类似，但Map结构中键名可以是任何类型的值，而WeakMap结构中的键名必须是引用类型。
 *  WeakMap结构与WeakSet结构相似，WeakMap集合不可遍历
 *  WeakMap是弱集合，允许被垃圾回收机制回收
 *  WeakMap的4个方法set(),add()，delete()，has()  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2RyZWFtaW5nYmFvYmVpMw_size_16_color_FFFFFF_t_70 2]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2RyZWFtaW5nYmFvYmVpMw_size_16_color_FFFFFF_t_70]: /images/20230810/58b10f94e1444b7f9479823702d846b6.png
[20191008160208970.png]: /images/20230810/e9ffe4ae46de4de494ebfc5bb28b024c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2RyZWFtaW5nYmFvYmVpMw_size_16_color_FFFFFF_t_70 1]: /images/20230810/1211ec7bf2544e1a8fa1e162b2d8bf82.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2RyZWFtaW5nYmFvYmVpMw_size_16_color_FFFFFF_t_70 2]: /images/20230810/cbdaaca63c25451290d1b5ca3b86caab.png