es6 javascript的map数据结构的实例的属性和操作方法、遍历方法

（1） size 属性

size属性返回 Map 结构的成员总数。

let map = new Map();
map.set('foo', true);
map.set('bar', false);
map.size // 2

（2） set(key, value)

set方法设置key所对应的键值， 然后返回整个 Map 结构。 如果key已经有值， 则键值会被更新， 否则就新生成该键。

var m = new Map();
m.set("edition", 6) //  键是字符串
m.set(262, "standard") //  键是数值
m.set(undefined, "nah") //  键是 undefined

set方法返回的是 Map 本身， 因此可以采用链式写法。

let map = new Map()
    .set(1, 'a')
    .set(2, 'b')
    .set(3, 'c');

（3） get(key)

get方法读取key对应的键值， 如果找不到key， 返回undefined。

var m = new Map();
var hello = function() {
    console.log("hello");
}
m.set(hello, "Hello ES6!") //  键是函数
m.get(hello) // Hello ES6!

（4） has(key)

has方法返回一个布尔值， 表示某个键是否在 Map 数据结构中。

var m = new Map();
m.set("edition", 6);
m.set(262, "standard");
m.set(undefined, "nah");
m.has("edition") // true
m.has("years") // false
m.has(262) // true
m.has(undefined) // true

（5） delete(key)

delete方法删除某个键， 返回 true。 如果删除失败， 返回 false。

var m = new Map();
m.set(undefined, "nah");
m.has(undefined) // true
m.delete(undefined)
m.has(undefined) // false

（6） clear()

clear方法清除所有成员， 没有返回值。

let map = new Map();
map.set('foo', true);
map.set('bar', false);
map.size // 2
map.clear()
map.size // 0

遍历方法

Map 原生提供三个遍历器生成函数和一个遍历方法。
keys()： 返回键名的遍历器。
values()： 返回键值的遍历器。
entries()： 返回所有成员的遍历器。
forEach()： 遍历 Map 的所有成员。
需要特别注意的是， Map 的遍历顺序就是插入顺序。
下面是使用实例。

let map = new Map([
    ['F', 'no'],
    ['T', 'yes'],
]);
for (let key of map.keys()) {
    console.log(key);
}
// "F"
// "T"
for (let value of map.values()) {
    console.log(value);
}
// "no"
// "yes"
for (let item of map.entries()) {
    console.log(item[0], item[1]);
}
// "F" "no"
// "T" "yes"
//  或者
for (let [key, value] of map.entries()) {
    console.log(key, value);
}
//  等同于使用 map.entries()
for (let [key, value] of map) {
    console.log(key, value);
}

上面代码最后的那个例子， 表示 Map 结构的默认遍历器接口（ Symbol.iterator属性）， 就是entries方法。

map[Symbol.iterator] === map.entries
    // true

Map 结构转为数组结构， 比较快速的方法是结合使用扩展运算符（...）。

let map = new Map([
    [1, 'one'],
    [2, 'two'],
    [3, 'three'],
]);
[...map.keys()]
// [1, 2, 3]
[...map.values()]
// ['one', 'two', 'three']
[...map.entries()]
// [[1,'one'], [2, 'two'], [3, 'three']]
[...map]
// [[1,'one'], [2, 'two'], [3, 'three']]

结合数组的map方法、 filter方法， 可以实现 Map 的遍历和过滤（ Map 本身没有map和filter方法）。

let map0 = new Map()
    .set(1, 'a')
    .set(2, 'b')
    .set(3, 'c');
let map1 = new Map(
    [...map0].filter(([k, v]) => k < 3)
);
//  产生 Map 结构 {1 => 'a', 2 => 'b'}
let map2 = new Map(
    [...map0].map(([k, v]) => [k * 2, '_' + v])
);
//  产生 Map 结构 {2 => '_a', 4 => '_b', 6 => '_c'}

此外， Map 还有一个forEach方法， 与数组的forEach方法类似， 也可以实现遍历。

map.forEach(function(value, key, map) {
    console.log("Key: %s, Value: %s", key, value);
});

forEach方法还可以接受第二个参数， 用来绑定this。

var reporter = {
    report: function(key, value) {
        console.log("Key: %s, Value: %s", key, value);
    }
};
map.forEach(function(value, key, map) {
    this.report(key, value);
}, reporter);

上面代码中， forEach方法的回调函数的this， 就指向reporter。