QQ登录

只需一步,快速开始

搜索
【活动】边做笔记边学习,还能赢取奖学金!
查看: 56|回复: 0

[学习笔记] es6语法之Map()对象

[复制链接]
累计签到:282 天
连续签到:30 天
最佳答案
11 
发表于 2017-7-16 06:31:44 | 显示全部楼层 |阅读模式

马上注册加入鱼C,享用更多服务吧^_^

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
小贴士:小心闪电
Shape 26.png


                               
登录/注册后可看大图



map是个hash数据结构,查询速度会相当快,而且他与set不同的是可以存储相同的数据
  1. let json={
  2.         name:'alltolove',
  3.         age:37
  4. }
  5. let map=new Map()
  6. map.set('me',json)
  7. document.write(map.get('me').name)
复制代码

他的键和值可以存储任何类型数据,网页显示为:
asdasdsasdssoi.png


  1. let json={
  2.         name:'alltolove',
  3.         age:37
  4. }
  5. let map=new Map()
  6. map.set('me',json)
  7. map.set(12,[2,'乘以',6])
  8. map.forEach((k,v)=>document.write(v))
复制代码

也可以遍历,网页显示为:
erfe.png


  1. let json={
  2.         name:'alltolove',
  3.         age:37
  4. }
  5. let map=new Map()
  6. map.set('me',json)
  7. map.set(12,[2,'乘以',6])
  8. map.delete(12)
  9. map.forEach((k,v)=>document.write(v))
复制代码

也可以删除一条数据,网页显示:
saasd.png



  1. let json={
  2.         name:'alltolove',
  3.         age:37
  4. }
  5. let map=new Map()
  6. map.set('me',json)
  7. map.set(12,[2,'乘以',6])

  8. document.write(map.has(12))
复制代码

也可以用has方法查询,网页上显示:
sasdop.png


  1. let json={
  2.         name:'alltolove',
  3.         age:37
  4. }
  5. let map=new Map()
  6. map.set('me',json)
  7. map.set(12,[2,'乘以',6])

  8. document.write(map.size)
复制代码

可以查询一共几条数据,显示为:
dasoi.png


评分

参与人数 1荣誉 +5 鱼币 +5 贡献 +5 收起 理由
不二如是 + 5 + 5 + 5 不要停~

查看全部评分

本帖被以下淘专辑推荐:

1. 如果您的提问得到满意的答案,请务必选择【最佳答案】;2. 如果想鼓励一下楼主或帮助到您的朋友,可以给他们【评分】作为奖励;
3. 善用【论坛搜索】功能,那里可能有您想要的答案;4. 粘贴代码请点击编辑框上的 <> 按钮,否则您的代码可能会被“吃掉”!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋手机版Archiver( 粤公网安备 44051102000370号 | 粤ICP备11014136号

© 2010-2017 FishC.com GMT+8, 2017-7-28 12:37 Powered by Discuz! X2.5 Theme by dreambred

快速回复 返回顶部 返回列表