详解如何解决使用JSON.stringify时遇到的循环引用问题
更新时间：2021年03月21日 10:03:46 作者：汪子熙
这篇文章主要介绍了详解如何解决使用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对象实例详解(JavaScript对象深度剖析,深度理解js对象)
下面小编就为大家带来一篇js对象实例详解(JavaScript对象深度剖析,深度理解js对象)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-09-09
这篇文章主要介绍了JS加密插件CryptoJS实现AES加密操作,结合实例形式分析了CryptoJS插件的具体设置与AES加密操作实现技巧,需要的朋友可以参考下2018-08-08
这篇文章主要介绍了详解小程序云开发攻略(解决最棘手的问题)，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-09-09
中国这么大，要在一张小小地图上画上中国，那么就需要按一定的比例缩小。D3 可视化画图，也是如此。本文就来和大家聊聊D3中的比例尺的绘制与使用，感兴趣的可以学习一下2022-11-11
权威JavaScript 中的内存泄露模式...2007-08-08
基于Particles.js制作超炫粒子动态背景效果(仿知乎)
本文给大家分享Particles.js基于Canvas画布创建粒子颗粒效果，代码非常简单，需要的朋友参考下吧2017-09-09
这篇文章主要给大家总结介绍了关于JS中循环遍历数组的四种方式，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-01-01
滚动监听插件是用来根据滚动条所处在的位置自动更新导航项目， 显示导航项目高亮显示。这篇文章主要介绍了Bootstrap滚动监听（Scrollspy）插件的相关资料,需要的朋友可以参考下2016-04-04
自己实现string的substring方法 人民币小写转大写，数字反转，正则优化
这是最近碰到的几个题目，简单地写一下我自己的方案，在此分享给大家，也希望能看到大家的方案2012-09-09
这篇文章介绍了判定是否原生方法的JS代码，有需要的朋友可以参考一下2013-11-11
最新评论