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

六、es6 map

时间:2018-11-29 11:02:05      阅读:183      评论:0      收藏:0      [点我收藏+]

标签:分享   class   get   OLE   png   http   了解   info   size   

一、map的特点

JavaScript 的对象(Object),本质上是键值对的集合(Hash 结构),但是传统上只能用字符串当作键。这给它的使用带来了很大的限制。

 为了解决这个问题,ES6 提供了 Map 数据结构。它类似于对象,也是键值对的集合,但是“键”的范围不限于字符串,各种类型的值(包括对象)都可以当作键。也就是说,Object 结构提供了“字符串—值”的对应,Map 结构提供了“值—值”的对应,是一种更完善的 Hash 结构实现。如果你需要“键值对”的数据结构,Map 比 Object 更合适。

 

let m = new Map();
let myInfo = {name: ‘shangyy‘, age: 18};
console.log(m.set(myInfo,‘person‘)); // Map { { name: ‘shangyy‘, age: 18 } => ‘person‘ }
console.log(m.get(myInfo)); // person
console.log(m.has(myInfo)); // true
console.log(m.size); // 1
m.delete(myInfo)
console.log(m) // Map {}
let m= new  Map([
  [‘name‘, ‘shangyy‘ ],
  [‘age‘, 18],
])
console.log(m) // Map { ‘name‘ => ‘shangyy‘, ‘age‘ => 18 }

// 实现原理
let m1 = new Map();
let lists=[
  [‘name‘, ‘shangyy‘ ],
  [‘age‘, 18],
];
lists.forEach(([key,value]) => {
  m1.set(key,value);
});
console.log(m1); // Map { ‘name‘ => ‘shangyy‘, ‘age‘ => 18 }
let m= new Map();
console.log(m.set(1,‘aaa‘).set(1,‘bbb‘).get(1)); // bbb
console.log(m.set([1],‘aaa‘).get([1])); // undefined

 

 

技术分享图片

 

六、es6 map

标签:分享   class   get   OLE   png   http   了解   info   size   

原文地址:https://www.cnblogs.com/shangyueyue/p/10036195.html

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