TypeError: val.set 不是函数 (JS Map())

Question

我遇到了这个问题，我正在执行 val.set(key, value) 并在文件 vendor-es2015.js 中抛出类型错误 TypeError: val.set is not a function。

代码（简体）：

import { Storage } from '@ionic/storage';


map = new Map();

this.storage.set('sth', map);

this.storage.get('sth').then((val) => {
    val.set(key, value); //TypeError, returns { } insead of a map.
});

有趣的是，这在浏览器中运行良好，但是当它使用 Capacitor 编译到 Android 时，就会抛出这个错误。

tsconfig.json

"target": "es2015",
"lib": [
  "es2018",
  "dom"
]

Answer 1

正如the documentation 所说：

存储仅适用于字符串。但是，存储 JSON Blob 很容易： 只需在调用 set 之前 JSON.stringify 对象，然后 JSON.parse 从 get 返回的值。有关详细信息，请参阅下面的示例。

可能看起来像这样（更新为help from Bergi）：

const mapStr = JSON.stringify(Array.from(map.entries()));
this.storage.set('sth', mapStr);

this.storage.get('sth').then((val) => {
    const theMap = new Map(JSON.parse(val));
    theMap.set(key, value);
});