JSON将集合字符串化

如何将一个JSON.stringify（）一集？

在Chromium 43中不起作用的事情：

var s = new Set(['foo', 'bar']);

JSON.stringify(s); // -> "{}"
JSON.stringify(s.values()); // -> "{}"
JSON.stringify(s.keys()); // -> "{}"

我希望得到类似于序列化数组的内容。

JSON.stringify(["foo", "bar"]); // -> "["foo","bar"]"

JSON.stringify 不适用于集合，因为集合中存储的数据未存储为属性。

但是您可以将集合转换为数组。然后，您将能够正确地对其进行分类。

以下任何一项都可以解决问题：

JSON.stringify([...s]);
JSON.stringify([...s.keys()]);
JSON.stringify([...s.values()]);
JSON.stringify(Array.from(s));
JSON.stringify(Array.from(s.keys()));
JSON.stringify(Array.from(s.values()));

使用此JSON.stringify替换器：

（因为这toJSON是旧版工件，更好的方法是使用customreplacer，请参见https://github.com/DavidBruant/Map-Set.prototype.toJSON/issues/16）

function Set_toJSON(key, value) {
  if (typeof value === 'object' && value instanceof Set) {
    return [...value];
  }
  return value;
}

然后：

const fooBar = { foo: new Set([1, 2, 3]), bar: new Set([4, 5, 6]) };
JSON.stringify(fooBar, Set_toJSON)

结果：

"{"foo":[1,2,3],"bar":[4,5,6]}"

在完成上述所有工作的同时，我建议您子集化并添加一个toJSON方法以确保它正确化了字符串。特别是如果您经常要抽筋。我在Redux商店中使用集，需要确保这绝不是问题。

这是一个基本的实现。命名只是为了说明您选择自己的样式。

class JSONSet extends Set {
    toJSON () {
        return [...this]
    }
}

const set = new JSONSet([1, 2, 3])
console.log(JSON.stringify(set))