ES6知识整理--Set和Map数据结构

Posted wuhairui

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ES6知识整理--Set和Map数据结构相关的知识,希望对你有一定的参考价值。

技术分享图片

(文章会同步到博客园,技术类文章还是该让搜索引擎察觉比较好)

技术分享图片

Set构造函数


初始化一个值不重复的数组,适合做数组去重。

技术分享图片

2种数组去重的方法:

技术分享图片

这里再说下Array.from(),表示以一个类数组||可迭代对象,创建一个新数组

技术分享图片

Set实例的属性、方法


size:成员个数

add():增加成员

has():是个存在成员

delete():删除成功

ckear():删除所有成员

技术分享图片

Set遍历

keys():返回键名遍历

技术分享图片

结果:

技术分享图片


values():返回键值遍历

技术分享图片

结果:

技术分享图片


entries():返回键值对遍历

技术分享图片

结果:

技术分享图片

(Set结构没有键名,所以键名=键值)


forEach():遍历操作所有成员

技术分享图片

结果:

技术分享图片

Map对象


类似Object对象,以键=>值的形式存在

属性:

size 返回map结构成员数

方法:

has(key) 是否存在成员 返回boolean

get(key) 取该成员的值 返回value (找不到key时返回undifined)

技术分享图片

set(key,value) 设置map键值对 返回新map(无键则新增 有键则更新)

各种类型键均可

技术分享图片

结果:

技术分享图片

delete(key):删除一个对于key的成员 返回boolean

clear():清空map所有成员

技术分享图片

Map遍历


技术分享图片

结果:

技术分享图片

Map转数组


技术分享图片



技术分享图片

一句:脚踏实地的前行,一步步走到今天。总是能亲眼见证,破茧而出的明天。我们的世界总在,不断的向前进变。现在才刚刚开始,只是个起点。


----公众号:海瑞菌

技术分享图片

以上是关于ES6知识整理--Set和Map数据结构的主要内容,如果未能解决你的问题,请参考以下文章

ES6知识点整理之----数组扩展----API新增

Js基础知识7-Es6新增对象Map和set数据结构

ES6知识盲点整理

ES6 新特性知识点总结

20180514-20180518周记

ES6 新增数据结构,太强了,值得学习