首页 > 其他 > 详细

ES6 - Map数据结构

时间:2021-01-31 21:19:48      阅读:36      评论:0      收藏:0      [点我收藏+]

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

1 const data = {};
2 const element = document.getElementById(‘myDiv‘);
3 
4 data[element] = ‘metadata‘;
5 data[‘[object HTMLDivElement]‘] // "metadata"

上面代码原意是将一个 DOM 节点作为对象data的键,但是由于对象只接受字符串作为键名,所以element被自动转为字符串[object HTMLDivElement]

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

1 const m = new Map();
2 const o = {p: ‘Hello World‘};
3 
4 m.set(o, ‘content‘)
5 m.get(o) // "content"
6 
7 m.has(o) // true
8 m.delete(o) // true
9 m.has(o) // false

未完待续

ES6 - Map数据结构

原文:https://www.cnblogs.com/codexlx/p/14353585.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!