es6 javascript的map数据类型转换

(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) 对象转为 Map

function 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 转为 JSON

Map 转为 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 mapToArrayJson(map) {
    return JSON.stringify([...map]);
}
let myMap = new Map().set(true, 7).set({
    foo: 3
}, ['abc']);
mapToArrayJson(myMap)
    // '[[true,7],[{"foo":3},["abc"]]]'
(6) JSON 转为 Map

JSON 转为 Map, 正常情况下, 所有键名都是字符串。

function jsonToStrMap(jsonStr) {
    return objToStrMap(JSON.parse(jsonStr));
}
jsonToStrMap('{"yes":true,"no":false}')
    // Map {'yes' => true, 'no' => false}
但是, 有一种特殊情况, 整个 JSON 就是一个数组, 且每个数组成员本身, 又是一个有两个成员的数组。 这时, 它可以一一对应地转为 Map。 这往往是数组转为 JSON 的逆操作。

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









阅读更多

扫码向博主提问

专注前端30年

非学,无以致疑;非问,无以广识
  • 擅长领域:
  • 前端开发
  • 原生js
  • Three.js
  • webgl
去开通我的Chat快问

没有更多推荐了,返回首页