ES6中Map与其他数据结构的互相转换

 

最近在学习ES6的基础知识，整理了一下Map与其他数据结构相互转换的写法。

Map转为数组的方法

1 2 3

let myMap  = new Map([[true, 7], [{foo: 3}, ['abc']]]); [...myMap] console.log([...myMap]);

 

数组转为Map的方法

1	new Map([[true, 7], [{foo: 3}, ['abc']]])

 

Map转为对象的方法

1 2 3 4 5 6 7 8 9 10

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); console.log(strMapToObj(myMap)); // { yes: true, no: false }

 

对象转为Map的方法

1 2 3 4 5 6 7 8 9 10

function objToStrMap(obj) {   let strMap = new Map();   for (let k of Object.keys(obj)) {     strMap.set(k, obj[k]);   }   return strMap; } var a = {yes: true, no: false} console.log(objToStrMap(a)) // [ [ 'yes', true ], [ 'no', false ] ]

 

Map转为Json的方法

1 2 3 4 5 6 7 8 9 10 11 12 13

function strMapToObj(strMap) {   let obj = Object.create(null);   for (let [k,v] of strMap) {     obj[k] = v;   }   return obj; } function strMapToJson(strMap1) {   return JSON.stringify(strMapToObj(strMap1)); } let myMap2 = new Map().set('yes', true).set('no', false); console.log(strMapToJson(myMap2)); // '{"yes":true,"no":false}'

 

Map转为Json数组

1 2 3 4 5 6 7

function mapToArrayJson(map) {   return JSON.stringify([...map]); } let myMap = new Map().set(true, 7).set({foo: 3}, ['abc']); mapToArrayJson(myMap) console.log(mapToArrayJson(myMap)) // '[[true,7],[{"foo":3},["abc"]]]'

 

json对象转换为Map

1 2 3 4 5 6 7 8 9 10 11 12 13 14

function objToStrMap(obj) {   let strMap = new Map();   for (let k of Object.keys(obj)) {     strMap.set(k, obj[k]);   }   return strMap; } function jsonToStrMap(jsonStr) {   return objToStrMap(JSON.parse(jsonStr)); }   jsonToStrMap('{"yes":true,"no":false}') console.log(jsonToStrMap('{"yes":true,"no":false}')) // Map {'yes' => true, 'no' => false}

 

json数组转换为Map

1 2 3 4 5 6 7

function jsonToMap(jsonStr) {   return new Map(JSON.parse(jsonStr)); }   jsonToMap('[[true,7],[{"foo":3},["abc"]]]') console.log(jsonToMap('[[true,7],[{"foo":3},["abc"]]]')) // Map {true => 7, Object {foo: 3} => ['abc']}