尽管在某些情况下，如果你是地图的创建者，你会在一个单独的“src”文件中编写代码，并将副本保存为.txt文件，如果写得足够简洁，可以很容易地读取、破译并添加到服务器端。

然后，新文件将被保存为.js文件，并从服务器发回对该文件的引用。一旦作为JS读入，该文件将完美地重构自身。美妙之处在于重构时不需要笨拙的迭代或解析。

我真不知道为什么这里有这么多冗长的笑话。这个简短的版本解决了我的问题:

const data = new Map()
data.set('visible', true)
data.set('child', new Map())
data.get('child').set('visible', false)

const str = JSON.stringify(data, (_, v) => v instanceof Map ? Object.fromEntries(v) : v)
// '{"visible":true,"child":{"visible":false}}'

const recovered = JSON.parse(str, (_, v) => typeof v === 'object' ? new Map(Object.entries(v)) : v)
// Map(2) { 'visible' => true, 'child' => Map(1) { 'visible' => false } }

虽然ecmascript还没有提供方法，但这仍然可以使用JSON来完成。如果将map映射到JavaScript原语，则使用stingify。下面是我们将使用的Map示例。

const map = new Map();
map.set('foo', 'bar');
map.set('baz', 'quz');

转到JavaScript对象

你可以用下面的辅助函数转换成JavaScript对象文字。

const mapToObj = m => {
  return Array.from(m).reduce((obj, [key, value]) => {
    obj[key] = value;
    return obj;
  }, {});
};

JSON.stringify(mapToObj(map)); // '{"foo":"bar","baz":"quz"}'

转到JavaScript对象数组

这个函数的辅助函数将更加紧凑

const mapToAoO = m => {
  return Array.from(m).map( ([k,v]) => {return {[k]:v}} );
};

JSON.stringify(mapToAoO(map)); // '[{"foo":"bar"},{"baz":"quz"}]'

进入数组的数组

这个更简单，你可以用

JSON.stringify( Array.from(map) ); // '[["foo","bar"],["baz","quz"]]'

你不能直接字符串化Map实例，因为它没有任何属性，但你可以将它转换为一个元组数组:

jsonText = JSON.stringify(Array.from(map.entries()));

反之，使用

map = new Map(JSON.parse(jsonText));

Stringify Map实例(对象作为键是可以的):

JSON.stringify([...map])

or

JSON.stringify(Array.from(map))

or

JSON.stringify(Array.from(map.entries()))

输出格式:

// [["key1","value1"],["key2","value2"]]

尽管在某些情况下，如果你是地图的创建者，你会在一个单独的“src”文件中编写代码，并将副本保存为.txt文件，如果写得足够简洁，可以很容易地读取、破译并添加到服务器端。

然后，新文件将被保存为.js文件，并从服务器发回对该文件的引用。一旦作为JS读入，该文件将完美地重构自身。美妙之处在于重构时不需要笨拙的迭代或解析。