协慌网

登录 贡献 社区

如何以类似 JSON 的格式打印圆形结构?

我有一个大对象,想要转换为 JSON 并发送。但是,它具有圆形结构。我想扔掉任何存在的循环引用,然后发送任何可以字符串化的东西。我怎么做?

谢谢。

var obj = {
  a: "foo",
  b: obj
}

我想将 obj 字符串化为:

{"a":"foo"}

答案

在 Node.js 中,可以使用util.inspect(object) 。它会自动将圆形链接替换为 “[Circular]”。


尽管是内置的(无需安装) ,但必须将其导入

import * as util from 'util' // has no default export
import { inspect } from 'util' // or directly
// or 
var util = require('util')
要使用它,只需调用
console.log(util.inspect(myObject))

另外请注意,您可以传递选项对象进行检查(请参见上面的链接)

inspect(myObject[, options: {showHidden, depth, colors, showProxy, ...moreOptions}])


请阅读下面的评论并将其赞扬...

将 JSON.stringify 与自定义JSON.stringify例如:

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

// Note: cache should not be re-used by repeated calls to JSON.stringify.
var cache = [];
JSON.stringify(circ, (key, value) => {
  if (typeof value === 'object' && value !== null) {
    // Duplicate reference found, discard key
    if (cache.includes(value)) return;

    // Store value in our collection
    cache.push(value);
  }
  return value;
});
cache = null; // Enable garbage collection

在此示例中,替换器不是 100%正确的(取决于您对 “重复” 的定义)。在以下情况下,将丢弃一个值:

var a = {b:1}
var o = {};
o.one = a;
o.two = a;
// one and two point to the same object, but two is discarded:
JSON.stringify(o, ...);

但是这个概念仍然存在:使用自定义替换器,并跟踪已解析的对象值。

作为用 es6 编写的实用函数:

// safely handles circular references
JSON.safeStringify = (obj, indent = 2) => {
  let cache = [];
  const retVal = JSON.stringify(
    obj,
    (key, value) =>
      typeof value === "object" && value !== null
        ? cache.includes(value)
          ? undefined // Duplicate reference found, discard key
          : cache.push(value) && value // Store value in our collection
        : value,
    indent
  );
  cache = null;
  return retVal;
};

// Example:
console.log('options', JSON.safeStringify(options))

我想知道为什么还没有人从 MDN 页面发布正确的解决方案...

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());

看到的值应该存储在 set 中,而不是存储在数组中(在每个元素上JSON.stringify器),并且无需尝试 JSON.stringify 链中导致循环引用的每个元素。

就像在接受的答案中一样,此解决方案会删除所有重复值,而不仅仅是循环值。但是至少它没有指数复杂性。