ConvertingcircularstructuretoJSON

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

什么问题&＃xff1f;

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

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


最佳解决方案

var circularReference &＃61; {otherData: 123};
circularReference.myself &＃61; circularReference;


wrong examples

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


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

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


参考&＃xff1a;链接