《ES6标准入门》第十一章：Set和Map数据结构

Set实例的属性和方法

Set结构的实例有以下属性。

• Set.prototype.constructor：构造函数，默认就是Set函数。
• Set.prototype.size：返回Set实例的成员总数。

Set实例的方法分为两大类：***作方法（用于***作数据）和遍历方法（用于遍历成员）。下面先介绍四个***作方法。

• add(value)：添加某个值，返回Set结构本身。
• delete(value)：删除某个值，返回一个布尔值，表示删除是否成功。
• has(value)：返回一个布尔值，表示该值是否为Set的成员。
• clear()：清除所有成员，没有返回值。

Map

Map结构的目的和基本用法

var data = {};
var element = document.getElementById('myDiv');
data[element] = 'metadata';
data['[object HTMLDivElement]'] // "metadata"

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

var m = new Map(); 
var o = {p: 'Hello World'};
m.set(o, 'content')
m.get(o) // "content" 
m.has(o) // true 
m.delete(o) // true 
m.has(o) // false

上面代码使用set方法，将对象o当作m的一个键，然后又使用get方法读取这个键，接着使用delete方法删除了这个键。

var map = new Map([
 ['name', '张三'],
['title', 'Author']
]);
map.size // 2
map.has('name') // true 
map.get('name') // "张三" 
map.has('title') // true 
map.get('title') // "Author"

上面代码在新建Map实例时，就指定了两个键name和title。

var items = [
['name', '张三'],
['title', 'Author']
];
var map = new Map();
items.forEach(([key, value]) => map.set(key, value));

var m = new Map([
 [true, 'foo'],
 ['true', 'bar']
]);
m.get(true) // 'foo' 
m.get('true') // 'bar'

let map = new Map();
map
.set(1, 'aaa')
.set(1, 'bbb');
map.get(1) // "bbb"

上面代码对键1连续赋值两次，后一次的值覆盖前一次的值。

new Map().get('asfddfsasadf') // undefined

var map = new Map();
map.set(['a'], 555);
map.get(['a']) // undefined

上面代码的set和get方法，表面是针对同一个键，但实际上这是两个值，内存地址是不一样的，因此get方法无法读取该键，返回undefined。

var map = new Map();
var k1 = ['a']; 
var k2 = ['a'];
map
.set(k1, 111)
.set(k2, 222);
map.get(k1) // 111 
map.get(k2) // 222

上面代码中，变量k1和k2的值是一样的，但是它们在Map结构中被视为两个键。

由上可知，Map的键实际上是跟内存地址绑定的，只要内存地址不一样，就视为两个键。这就解决了同名属性碰撞（clash）的问题，我们扩展别人的库的时候，如果使用对象作为键名，就不用担心自己的属性与原作者的属性同名。

let map = new Map();
map.set(NaN, 123);
map.get(NaN) // 123 
map.set(-0, 123);
map.get(+0) // 123