码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2018-06-17 18:59:31      阅读:149      评论:0      收藏:0      [点我收藏+]

标签:initial   text   ott   函数   今天   order   from   reac   文章   

技术分享图片

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

技术分享图片

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知识整理(7)--Set和Map数据结构

标签:initial   text   ott   函数   今天   order   from   reac   文章   

原文地址:https://www.cnblogs.com/wuhairui/p/9193343.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!