如何解决使用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退出循环即可。

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时遇到的循环引用问题

上一篇:CentOS 之间ssh无密码登录


下一篇:echarts大部分图形常用配置项总结,标题,提示框,系列,x轴,y轴,下载设置