[解決済み] 循環構造をJSONのような形式で印刷するにはどうすればよいですか？

質問

大きなオブジェクトがあり、JSONに変換して送信したいのですが、どうすればよいですか？しかし、それは循環構造を持っています。循環参照が存在するものはすべて捨てて、文字列化できるものはすべて送信したい。どうしたらいいでしょうか？

ありがとうございます。

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

objを文字列化したい。

{"a":"foo"}

解決方法は？

使用方法 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％正しいわけではありません（"duplicate"の定義によります）。次のような場合、値は破棄されます。

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