我想开始使用ES6地图而不是JS对象，但我被阻止了，因为我不知道如何JSON.stringify()一个地图。我的键保证是字符串，我的值总是会被列出。我真的必须写一个包装器方法来序列化吗?
当前回答
更好的解决方案
// somewhere...
class Klass extends Map {
toJSON() {
var object = { };
for (let [key, value] of this) object[key] = value;
return object;
}
}
// somewhere else...
import { Klass as Map } from '@core/utilities/ds/map'; // <--wherever "somewhere" is
var map = new Map();
map.set('a', 1);
map.set('b', { datum: true });
map.set('c', [ 1,2,3 ]);
map.set( 'd', new Map([ ['e', true] ]) );
var json = JSON.stringify(map, null, '\t');
console.log('>', json);
输出
> {
"a": 1,
"b": {
"datum": true
},
"c": [
1,
2,
3
],
"d": {
"e": true
}
}
希望这比上面的答案不那么尴尬。
其他回答
你不能。
映射的键可以是任何东西，包括对象。但是JSON语法只允许字符串作为键。所以一般情况下是不可能的。
我的键肯定是字符串，我的值总是列表
在这种情况下，您可以使用普通对象。它将有以下优势:
它可以被字符串化为JSON。 它可以在旧的浏览器上运行。 这样可能会更快。
你不能直接字符串化Map实例，因为它没有任何属性，但你可以将它转换为一个元组数组:
jsonText = JSON.stringify(Array.from(map.entries()));
反之，使用
map = new Map(JSON.parse(jsonText));
更好的解决方案
// somewhere...
class Klass extends Map {
toJSON() {
var object = { };
for (let [key, value] of this) object[key] = value;
return object;
}
}
// somewhere else...
import { Klass as Map } from '@core/utilities/ds/map'; // <--wherever "somewhere" is
var map = new Map();
map.set('a', 1);
map.set('b', { datum: true });
map.set('c', [ 1,2,3 ]);
map.set( 'd', new Map([ ['e', true] ]) );
var json = JSON.stringify(map, null, '\t');
console.log('>', json);
输出
> {
"a": 1,
"b": {
"datum": true
},
"c": [
1,
2,
3
],
"d": {
"e": true
}
}
希望这比上面的答案不那么尴尬。
鉴于您的示例是一个简单的用例，其中键将是简单类型，我认为这是JSON stringify Map的最简单方法。
JSON.stringify(Object.fromEntries(map));
我认为Map的底层数据结构是键值对数组(数组本身)。就像这样:
const myMap = new Map([
["key1", "value1"],
["key2", "value2"],
["key3", "value3"]
]);
因为底层的数据结构就是我们在Object中找到的。条目，我们可以在Map上使用Object.fromEntries()的原生JavaScript方法，就像在数组上一样:
Object.fromEntries(myMap);
/*
{
key1: "value1",
key2: "value2",
key3: "value3"
}
*/
然后剩下的就是对结果使用JSON.stringify()。
下面的方法将Map转换为JSON字符串:
public static getJSONObj(): string {
return JSON.stringify(Object.fromEntries(map));
}
例子:
const x = new Map();
x.set("SomeBool", true);
x.set("number1", 1);
x.set("anObj", { name: "joe", age: 22, isAlive: true });
const json = getJSONObj(x);
// Output:
// '{"SomeBool":true,"number1":1,"anObj":{"name":"joe","age":222,"isAlive":true}}'
