详解如何解决使用JSON.stringify时遇到的循环引用问题

程序员在日常做TyPEScript/JavaScript开发时，经常需要将复杂的JavaScript对象通过JSON.stringify序列化成json字符串，保存到本地以便后续具体分析。

然而如果JavaScript对象本身包含循环引用，则JSON.stringify不能正常工作，错误消息：

VM415:1 Uncaught TypeError: Converting circular structure to JSON

解决方案，使用下面这段来自这个网站的代码，定义一个全局cache数组，每当待序列化的JavaScript对象的属性被遍历时，将该属性对应的值存储到cache数组去。

如果遍历时发现，有属性值已经在cache数组里有值了，说明检测到了循环引用，此时直接return退出循环即可。

VAR cache = [];
var str = JSON.stringify(o, function(key, value) {
      if (typeof value === 'object' &
    &
 value !== null) {
    if (cache.indexOf(value) !== -1) {
          // 移除      return;
    }
        // 收集所有的值    cache.push(value);
  }
      return value;
}
    );
    cache = null;
     // 清空变量，便于垃圾回收机制回收

使用这种办法，我成功将一个存在循环引用的JavaScript对象序列化成字符串了。

到此这篇关于详解如何解决使用JSON.stringify时遇到的循环引用问题的文章就介绍到这了,更多相关JSON.stringify 循环引用内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持！

• JS如何对Iframe内外页面进行操作总结
• 如何让js中的if判断如丝般顺滑详解
• 简易版本JSON.stringify的实现及其六大特性详解
• JSON.stringify的多种用法总结
• Vue实现在线预览pdf文件功能（利用pdf.js/iframe/embed）
• JavaScript JSON.stringify()的使用总结
• json.stringify()与json.parse()的区别以及用处
• Selenium+BeautifulSoup+json获取Script标签内的json数据
• 关于JavaScript 中 if包含逗号表达式

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！