服务器之家:专注于服务器技术及软件下载分享
分类导航

node.js|vue.js|jquery|angularjs|React|json|js教程|

服务器之家 - 编程语言 - JavaScript - json - 详解如何解决使用JSON.stringify时遇到的循环引用问题

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

2022-02-20 17:31汪子熙 json

这篇文章主要介绍了详解如何解决使用JSON.stringify时遇到的循环引用问题,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

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

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

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

VM415:1 Uncaught TypeError: Converting circular structure to JSON

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

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

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

?
1
2
3
4
5
6
7
8
9
10
11
12
13
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时遇到的循环引用问题的文章就介绍到这了,更多相关JSON.stringify 循环引用内容请搜索服务器之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持服务器之家!

原文链接:https://blog.csdn.net/i042416/article/details/113891195

延伸 · 阅读

精彩推荐
  • json一文看懂JSONP原理和应用

    一文看懂JSONP原理和应用

    这篇文章主要介绍了一文看懂JSONP原理和应用,对JSONP感兴趣的同学,可以参考下...

    云中的鱼7692022-03-07
  • json使Ext的Template可以解析二层的json数据的方法

    使Ext的Template可以解析二层的json数据的方法

    使Ext的Template可以解析二层的json数据的方法...

    json教程网4982022-01-03
  • jsonJSON学习笔记

    JSON学习笔记

    JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,易于阅读和编写,同时也易于机器解析和生成。它基于ECMA262语言规范(1999-12第三版)中JavaScript编...

    JSON教程网3652022-01-03
  • jsonXML的代替者----JSON

    XML的代替者----JSON

    我个人觉得PHP与Javascript各有长处,如果能完美的结合起来,那将创造出许许多多的奇迹!我是初次写此类文章,Bug难免,请各位指正~ 现在AJAX应用非常流行...

    JSON教程网7332022-01-03
  • json看了就知道什么是JSON

    看了就知道什么是JSON

    JSON(Javascript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。它基于Javascript Programming Language, Standard ECMA-262 ...

    JSON教程网6042022-01-03
  • json用 JSON 处理缓存

    用 JSON 处理缓存

    使用 JSON(即 JavaScript Object Notation),将以一种特定的字符串形式来表示 JavaScript 对象。如果将具有这样一种形式的字符串赋给任意一个 JavaScript 变量,该...

    JSON教程网9032022-01-03
  • json厉害了,ECMAScript 新提案:JSON模块

    厉害了,ECMAScript 新提案:JSON模块

    第三阶段的一个名为JSON模块的新提议,提出了一种将JSON导入到ES模块的方法。现在,我们来看看JSON模块是如何工作的。...

    大迁世界11352021-12-27
  • json告诉大家什么是JSON

    告诉大家什么是JSON

    JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。...

    json教程网6632022-01-03