TypeError: Converting circular structure to JSON

最新推荐文章于 2026-05-03 07:33:57 发布

原创最新推荐文章于 2026-05-03 07:33:57 发布 · 1.1k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

AboutFrontend

当前文章被收录于：

AboutFrontend

48 篇文章 0 人学习

前端技术。 vue, angular, react, webpack, node...

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍了解决JSON.stringify序列化对象时出现的循环引用问题。通过一个具体的示例代码片段展示了如何避免循环引用的发生，即创建一个缓存数组来跟踪已序列化的对象。

问题

使用JSON.stringify序列化对象时报错。
在这里插入图片描述

分析

原因

存在自己引用自己的情况

解决办法

不太建议用以下方法来解决，除非特殊情况。在做参数化的过程中会发现存在对象的情况，自己构造的对象还好，当引用第三方库的对象做序列化的时候，就不建议这么做。需要做的是将这些对象提取出来，构造一个没有自己引用自己的对象。

			var cache = [];
			var aa = JSON.stringify(rowData, function(key, value) {
			    if (typeof value === 'object' && value !== null) {
			        if (cache.indexOf(value) !== -1) {
			            return;
			        }
			        cache.push(value);
			    }
			    return value;
			});
			cache = null;