Converting circular structure to JSON

最新推荐文章于 2023-07-16 22:26:32 发布

weixin_34075551

最新推荐文章于 2023-07-16 22:26:32 发布

阅读量931

点赞数

文章标签： json javascript python ViewUI

原文链接：https://my.oschina.net/johnsken/blog/1936515

版权

2019独角兽企业重金招聘Python工程师标准>>>

TypeError: cyclic object value (Firefox) TypeError: Converting circular structure to JSON (Chrome and Opera) TypeError: Circular reference in value argument not supported (Edge)

什么问题？

该 JSON 格式本身不支持对象引用（虽然存在IETF草案），因此JSON.stringify()不会尝试解决这些问题，并相应地失败。

// Demo: Circular reference
var o = {};
o.o = o;

// Note: cache should not be re-used by repeated calls to JSON.stringify.
var cache = [];
JSON.stringify(o, function(key, value) {
    if (typeof value === 'object' && value !== null) {
        if (cache.indexOf(value) !== -1) {
            // Duplicate reference found
            try {
                // If this value does not reference a parent it can be deduped
                return JSON.parse(JSON.stringify(value));
            } catch (error) {
                // discard key if value cannot be deduped
                return;
            }
        }
        // Store value in our collection
        cache.push(value);
    }
    return value;
});
cache = null; // Enable garbage collection

最佳解决方案

var circularReference = {otherData: 123};
circularReference.myself = circularReference;

wrong examples

JSON.stringify(circularReference);
// TypeError: cyclic object value

要序列化循环引用，您可以使用支持它们的库（例如cycle.js）或自己实现解决方案，这需要通过可序列化的值查找和替换（或删除）循环引用。

const getCircularReplacer = () => {
  const seen = new WeakSet();
  return (key, value) => {
    if (typeof value === "object" && value !== null) {
      if (seen.has(value)) {
        return;
      }
      seen.add(value);
    }
    return value;
  };
};

JSON.stringify(circularReference, getCircularReplacer());

参考：链接

转载于:https://my.oschina.net/johnsken/blog/1936515