TypeError: cyclic object value - JavaScript 编辑

提示信息

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格式。