TypeError: cyclic object value

当一段JSON中出现循环引用,使用JSON.stringify()这个方法去处理JSON时会报这个"cyclic object value"错误。

提示信息

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

错误类型

TypeError

哪里出错了?

当调用 JSON.stringify() 方法去处理循环引用结构的JSON会失败。

JSON标准参考链接:JSON format

示例

循环引用

在如下循环结构中:

var a = {};
var b = {}; 
a.child = b;
b.child = a;

JSON.stringify() 将会报错

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

要处理循环引用的JSON,可以使用支持这种结构的库(例如cycle.js)),或者自己实现。

下面代码展示了,可以通过指定替换函数(JSON.stringify() 方法的第二个参数) 来检查转换成字符串之前是否有循环对象引用的存在。

注意:以下代码并不会保存循环引用的值。

var seen = []; 

var replacer = function(key, value) {
  if (typeof value === "object" && value !== null) {
    if (seen.indexOf(value) >= 0) {
      return;
    }
    seen.push(value);
  }
  return value;
};

JSON.stringify(a, replacer); 
// "{"child":{}}"

相关内容

  • JSON.stringify
  • cycle.js –  提出了两个方法JSON.decycle 和 JSON.retrocycle,这两个方法能够对循环对象引用结构进行编码和解码,并且使之成为一种扩展的且向下兼容的JSON格式。