如何解决JavaScript中JSON.stringify的循环结构转换TypeError错误

这个报错我太熟悉了——你代码里的操作直接制造了循环引用，这才是JSON.stringify崩溃的根本原因：

你把currentUser推到了它自己的children数组里，形成了一个无限嵌套的闭环：currentUser → children → currentUser → children...，JSON.stringify根本无法处理这种无限递归的结构，所以直接抛出了错误。

下面给你几个实用的解决方案，按推荐程度排序：

方案1：从根源避免循环引用（最推荐） #

如果业务逻辑允许，不要直接把currentUser本身推入它的子数组，而是创建一个不包含循环属性的副本，只复制你需要的字段：

var userInfo = [...currentUser.children];
if(currentUser.type === 1){
  // 只复制需要的属性，排除children避免循环
  const safeUserCopy = {
    id: currentUser.id,
    name: currentUser.name,
    type: currentUser.type
    // 按需添加其他非循环属性，不要包含children
  };
  userInfo.push(safeUserCopy);
}
// 现在再JSON.stringify(userInfo)就不会报错了

如果必须保留部分嵌套属性，确保副本里不会引用回原对象就行。

方案2：用JSON.stringify的replacer函数过滤循环引用 #

如果业务上必须保留这个循环结构，你可以利用JSON.stringify的第二个参数（replacer函数），追踪已经处理过的对象，遇到循环引用时跳过或标记：

// 用Set追踪已处理的对象
const processedObjects = new Set();

const safeJson = JSON.stringify(userInfo, (key, value) => {
  if (typeof value === 'object' && value !== null) {
    if (processedObjects.has(value)) {
      // 遇到循环引用，返回自定义标识或者直接跳过
      return '[循环引用对象]';
      // 如果不需要这个对象，也可以返回undefined直接忽略
      // return undefined;
    }
    processedObjects.add(value);
  }
  return value;
});

这个方法能让你顺利完成序列化，但会丢失循环部分的完整结构，适合只需要序列化非循环字段的场景。

方案3：借助第三方工具库（可选） #

如果你的项目已经引入了lodash这类工具库，可以用_.cloneDeepWith自定义处理循环引用；或者用专门处理循环JSON的库（比如circular-json）来序列化。不过小型项目不建议为了这个问题额外加依赖，前两个方案足够解决问题。

内容的提问来源于stack exchange，提问作者Ricky