Map()--es6新增數據結構

1、實例屬性和操作方法
1)size屬性
　　const map = new Map();
　　map.set('foo', true);
　　map.set('bar', false);
　　console.log(map.size);
2)set(key, value)
3)get(key) 如果找不到key，返回undefined
4)has(key)
5)delete(key)
6)clear() 清除所有成員
2、遍歷方法
-keys()：返回鍵名的遍歷器。
-values():返回鍵值的遍歷器。
-entries():返回所有成員的遍歷器。
-forEach():遍歷Map的所有成員。
注意：Map的遍歷順序就是插入順序
　　const map = new Map([
　　　　['F', 'no'],
　　　　['T', 'yes'],
　　])
　　for(let key of map.keys()) {
　　　　console.log(key);
　　}

　　for(let value of map.values()) {
　　　　console.log(value);
　　}

　　for(let item of map.entries()) {
　　　　console.log(item);
　　}

　　for(let [key, value] of map) {
　　　　console.log([key, value]);
　　}
Map()結構轉換為數組 用擴展運算符
　　const map1 = new Map([
　　　　[1, 'one'],
　　　　[2, 'two'],
　　　　[3, 'three']
　　]);
　　console.log([...map1.keys()]);
　　console.log([...map1.values()]);
　　console.log([...map1.entries()]);
　　console.log([...map1]);

結合數組的map方法、filter方法，可以實現 Map 的遍歷和過濾（Map 本身沒有map和filter方法）

　　const map0 = new Map()
　　　　.set(1, 'a')
　　　　.set(2, 'b')
　　　　.set(3, 'c');
　　const map4 = new Map(
　　　　[...map0].filter(([k, v]) => k < 3)
　　)
　　console.log([...map4]);

　　const map5 = new Map(
　　　　[...map0].map(([k, v]) => [k * 2, '_' + v]
　　)
　　console.log([...map5]);

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

3、與其他數據的互相轉換
1）Map轉化為數組
　　const myMap = new Map()
　　　　.set(true, 7)
　　　　.set({foo: 3}, ['abc']);
　　console.log([...myMap]);
2)數組轉化為Map
　　new Map([
　　　　[true, 7],
　　　　[{foo: 3}, ['abc']]
　　])
3)Map轉化為對象
　　function strMapToObj(strMap) {
　　　　let obj = Object.create(null);
　　　　for(let [k, v] of strMap) {
　　　　　　obj[k] = v;
　　　　}
　　　　return obj;
　　}
　　const myMap1 = new Map()
　　　　.set('yes', true)
　　　　.set('no', false);
　　console.log(strMapToObj(myMap1))
4)對象轉化為Map
　　function objToStrMap(obj) {
　　　　let strMap = new Map();
　　　　for(let k of Object.keys(obj)) {
　　　　　　strMap.set(k, obj[k]);
　　　　};
　　　　return strMap;
　　}
　　console.log(objToStrMap({yes: true, no: false}))
5)map轉化為JSON
Map 轉為 JSON 要區分兩種情況。一種情況是，Map
的鍵名都是字符串，這時可以選擇轉為對象 JSON。
　　function strMapToJson(strMap) {
　　　　return JSON.stringify(strMapToObj(strMap));
　　}
　　let myMap2 = new Map().set('yes', true).set('no', false);
　　console.log(strMapToJson(myMap2));
另一種情況是，Map 的鍵名有非字符串，這時可以選擇轉為數組 JSON。
　　function mapToArrayJson(map) {
　　　　return JSON.stringify([...map]);
　　}
　　let myMap3 = new Map().set(true, 7).set({foo: 3}, ['abc']);
　　console.log(mapToArrayJson(myMap3))
6)JSON轉化為Map
JSON 轉為 Map，正常情況下，所有鍵名都是字符串。
　　function jsonToStrMap(jsonStr) {
　　　　return objToStrMap(JSON.parse(jsonStr));
　　}
　　console.log(jsonToStrMap('{"yes": true, "no": false}'));
但是，有一種特殊情況，整個 JSON 就是一個數組，且每個數組成員本身，又是一個有兩個成員的數組。這時，它可以一一對應地轉為 Map。這往往是 Map 轉為數組 JSON 的逆操作。
　　function jsonToMap(jsonStr) {
　　　　return new Map(JSON.parse(jsonStr));
　　}
　　console.log(jsonToMap('[[true,7],[{"foo":3},["abc"]]]'))