关于前端:如何解决使用JSONstringify时遇到的循环引用问题

75次阅读

共计 613 个字符，预计需要花费 2 分钟才能阅读完成。

程序员在日常做 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 对象序列化成字符串了。

更多 Jerry 的原创文章，尽在：” 汪子熙 ”:

正文完