鱼C论坛

 找回密码
 立即注册
查看: 2736|回复: 0

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

[复制链接]
发表于 2017-7-16 06:31:44 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能^_^

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

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


评分

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

查看全部评分

本帖被以下淘专辑推荐:

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-4-19 14:02

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

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