ES6中的Set、WeakSet、Map、WeakMap数据结构

aSets.size;

// 结果： 2

delete方法

aSets.delete(1);

结果：true

aSets.delete(3)

#结果： false

has方法

aSets.has(1);

#结果：true

clear方法

aSets.clear();

aSets打印结果是{}

遍历对象

keys()：返回一个键名的遍历器

values(): 返回一个键值的遍历器

entries(): 返回一个键值对的遍历器

forEach(): 使用回调函数遍历每个成员

创建一个Set

let list = new Set([“a”,“b”,“c”,“d”]);

keys()

for(let key of list.keys()){

console.log(key);

// a b c d

}

values()

for(let value of list.values()){

console.log(value);

// a b c d

}

entries()

for(let [key,value] of list.entries()){

console.log(key,value);

// a a b b c c d d

}

forEach()

list.forEach(function(item){

console.log(item);

// a b c d

})

WeakSet

结构和Set类似，但是有写法区别

1、只能存储对象，其他类型的值不行

2、存储的对象是弱引用，也就是说垃圾回收机制不考虑WeakSet对该对象的引用。换种说法如果一个对象都不再被引用，那么垃圾回收机制会自动回收该对象所占用的内存，不会考虑该对象是否存在于WeakSet中。因此WeakSet是不可遍历的

新建一个WeakSet

let list = new WeakSet([{a:1,b:2},{c:3,d:4}]);

属性方法

add(value)方法

delete(value)方法

has(value)方法

不支持clear、size方法

如果增加其他类型的数值，则会报错

list.add(2);

Uncaught TypeError: Invalid value used in weak set

Map

类似于对象，是键值对的集合，但是key的范围不局限与字符串。各种类型均可以作为key

属性方法

set(key,value): 添加一个键值对

get(key): 获取一个key对应的value值

size: 返回Map结构的成员总数

has(key)：判断某个键是否存在Map结构中，返回boolean delete(key)： 删除某个指定的键值，返回boolean

clear(): 清除Map结构所有的成员

set

let map = new Map();

map.set(“1”,“a”);

map.set(“2”,“b”);

map.set(“3”,“c”);

或

let map = new Map([[“1”,“a”],[“2”,“b”],[“3”,“c”]]);

delete

map.delete(“1”);

size

map.size;

has

map.has(1);// true

#clear

map.clear();

遍历方法

keys()：返回一个键名的遍历器

values(): 返回一个键值的遍历器

entries(): 返回一个键值对的遍历器

forEach(): 使用回调函数遍历Map每个成员

keys()

for(let key of map.keys()){

console.log(key);

// 1 2 3

}

values()

for(let value of map.values()){

console.log(value);

// a b c

}

entries()

for(let [key,value] of map.entries()){

console.log(key,value);

}

forEach()

map.forEach(function(value,key){

console.log(value,key);

})

Map数据结构的定义

Map 对象保存键值对，并且能够记住键的原始插入顺序。任何值(对象或者原始值) 都可以作为一个键或一个值。

Map和object的对比

Map类似于对象，也是键值对的集合，但是“键”的范围不限于字符串，各种类型的值（包括对象）都可以当作键。 也就是说， Object

结构提供了“字符串—值”的对应， Map 结构提供了“值—值”的对应是一种更完善的 Hash

结构实现。如果你需要“键值对”的数据结构，Map 比 Object 更合适。

Map的深入理解

简单的方法set get has delete

const m = new Map()

const o = {x:‘isX’}

m.set(o,‘content’)

console.log(m);

m.get(o)

console.log(m);

console.log(m.has(o));

m.delete(o)

console.log(m.has(o));

作为构造函数，Map 也可以接受一个数组作为参数。该数组的成员是一个个表示键值对的数组。

const m = new Map([

[‘name’,‘lisi’],

[‘age’,‘18’]

])

console.log(m.size);//2

console.log(m.has(‘name’));//true

console.log(m.get(‘name’));//lisi

WeakMap

和Map类似，区别就是键只能是object类型

键名是对象的弱引用，因此所对应的对象可能会被自动回收，如果对象被回收后，WeakMap自动移除对应的键值对，WeakSet有助于防止内存泄露

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（资料价值较高，非无偿）

最后

文章到这里就结束了，如果觉得对你有帮助可以点个赞哦，如果有需要前端校招面试题PDF完整版的朋友可以点击这里即可获取，包括答案解析。

711661268694)]

[外链图片转存中…(img-XarTCgw0-1711661268694)]

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

[外链图片转存中…(img-Lt3DRqCj-1711661268695)]

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（资料价值较高，非无偿）

最后

文章到这里就结束了，如果觉得对你有帮助可以点个赞哦，如果有需要前端校招面试题PDF完整版的朋友可以点击这里即可获取，包括答案解析。

[外链图片转存中…(img-HY9LKRiZ-1711661268695)]