ECMAScript 6 Set和Map数据结构

，在Map结构中被视为两个键。var map = new Map();var k1 = ['a'];var k2 = ['a'];map.set(k1, 111).set(k2, 222);map.get(k1) // 111map.get(k2) // 222上面代码中，变量k1和k2的值是一样的，但是它们在Map结构中被视为两个键。由上可知，Map的键实际上是跟内存地址绑定的，只要内存地址不一样，就视为两个键。这就解决了同名属性碰撞（clash）的问题，我们扩展别人的库的时候，如果使用对象作为键名，就不用担心自己的属性与原作者的属性同名。如果Map的键是一个简单类型的值（数字、字符串、布尔值），则只要两个值严格相等，Map将其视为一个键，包括0和-0。另外，虽然NaN不严格相等于自身，但Map将其视为同一个键。let map = new Map();map.set(NaN, 123);map.get(NaN) // 123map.set(-0, 123);map.get(+0) // 123实例的属性和操作方法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") // 键是undefinedset方法返回的是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") // truem.has("years") // falsem.has(262) // truem.has(undefined) // true（5）delete(key)delete方法删除某个键，返回true。如果删除失败，返回false。var m = new Map();m.set(undefined, "nah");m.has(undefined) // truem.delete(undefined)m.has(undefined) // false（6）clear()clear方法清除所有成员，没有返回值。let map = new Map();map.set('foo', true);map.set('bar', false);map.size // 2map.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// trueMap结构转为数组结构，比较快速的方法是结合使用扩展运算符（...）。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。与其他数据结构的互相转换（1）Map转为数组前面已经提过，Map转为数组最方便的方法，就是使用扩展运算符（...）。let myMap = new Map().set(true, 7).set({foo: 3}, ['abc']);[...myMap]// [ [ true, 7 ], [ { foo: 3 }, [ 'abc' ] ] ]（2）数组转为Map将数组转入Map构造函数，就可以转为Map。new Map([[true, 7], [{foo: 3}, ['abc']]])// Map {true => 7, Object {foo: 3} => ['abc']}（3）Map转为对象如果所有Map的键都是字符串，它可以转为对象。function strMapToObj(strMap) { let obj = Object.create(null); for (let [k,v] of strMap) { obj[k] = v; } return obj;}let myMap = new Map().set('yes', true).set('no', false);strMapToObj(myMap)// { yes: true, no: false }（4）对象转为Mapfunction objToStrMap(obj) { let strMap = new Map(); for (let k of Object.keys(obj)) { strMap.set(k, obj[k]); } return strMap;}objToStrMap({yes: true, no: false})// [ [ 'yes', true ], [ 'no', false ] ]（5）Map转为JSONMap转为JSON要区分两种情况。一种情况是，Map的键名都是字符串，这时可以选择转为对象JSON。function strMapToJson(strMap) { return JSON.stringify(strMapToObj(strMap));}let myMap = new Map().set('yes', true).set('no', false);strMapToJson(myMap)// '{"yes":true,"no":false}'另一种情况是，Map的键名有非字符串，这时可以选择转为数组JSON。function mapToArra