搞定间接循环引用这个问题其实核心就是跟踪已经遍历过的对象，我来给你一套完整的解决方案，保证能处理任意嵌套、直接/间接循环引用的场景，完全匹配你需要的["路径", "值"]格式输出。

核心思路 #

要处理间接循环引用（比如A引用B，B又引用A，或者更长的引用链），我们需要：

• 用一个容器记录已经处理过的引用类型对象（对象、数组、自定义实例），避免重复遍历导致无限循环
• 区分原始值（字符串、数字、布尔、null、undefined）和引用类型，原始值无需跟踪直接输出
• 递归遍历对象/数组，按规则拼接路径（对象用属性名，数组用索引，用/分隔）

这里推荐用WeakSet作为跟踪容器，因为它存储的是对象的弱引用，不会阻止对象被垃圾回收，避免内存泄漏。

完整实现代码 #

function flattenNestedObject(targetObj) {
  const result = [];
  // 用WeakSet跟踪已处理的引用对象，防止循环引用和内存泄漏
  const processedObjects = new WeakSet();

  // 递归遍历函数：参数为当前值、当前路径
  function traverse(currentValue, currentPath) {
    // 处理原始值：直接加入结果数组
    if (currentValue === null || typeof currentValue !== 'object') {
      result.push([currentPath, currentValue]);
      return;
    }

    // 如果当前对象已经处理过，说明是循环引用，标记后跳过
    if (processedObjects.has(currentValue)) {
      result.push([currentPath, '[Circular]']);
      return;
    }

    // 将当前对象加入已处理集合
    processedObjects.add(currentValue);

    if (Array.isArray(currentValue)) {
      // 遍历数组：路径拼接 索引
      currentValue.forEach((item, index) => {
        traverse(item, `${currentPath}/${index}`);
      });
    } else {
      // 遍历对象自身可枚举属性：路径拼接 属性名
      Object.keys(currentValue).forEach(key => {
        traverse(currentValue[key], `${currentPath}/${key}`);
      });
    }
  }

  // 遍历根对象的所有属性，启动递归
  Object.keys(targetObj).forEach(key => {
    traverse(targetObj[key], key);
  });

  return result;
}

测试示例 #

普通嵌套对象（匹配你的示例） #

const obj = { p1: 'this', p2: ['that'], p3: { q: 'other' } };
console.log(flattenNestedObject(obj));
// 输出结果：
// [ ["p1", "this"], ["p2/0", "that"], ["p3/q", "other"] ]

间接循环引用场景 #

// 构造间接循环引用：objA -> objB -> objA
const objA = { name: 'A', value: 100 };
const objB = { name: 'B', ref: objA };
objA.ref = objB;

console.log(flattenNestedObject(objA));
// 输出结果：
// [ ["name", "A"], ["value", 100], ["ref/name", "B"], ["ref/ref/name", "A"], ["ref/ref/value", 100], ["ref/ref/ref", "[Circular]"] ]

关键细节解释 #

1. WeakSet的优势：相比普通Set，WeakSet不会保留对象的强引用，当对象没有其他引用时会被自动回收，不会造成内存泄漏，非常适合处理这类遍历场景。
2. 循环引用的处理：当检测到已经处理过的对象时，我们可以选择标记为[Circular]（如代码所示），也可以直接跳过（把标记代码换成return;即可），根据你的需求调整。
3. 路径拼接规则：严格按照你的示例要求，数组元素用路径/索引，对象属性用路径/属性名，根属性直接作为初始路径。
4. 兼容性：代码使用了ES6的WeakSet和Array.forEach，如果需要兼容旧环境，可以换成普通Set（注意内存泄漏风险）或者用对象存储对象的唯一标识（不推荐用JSON.stringify，因为循环引用无法序列化）。

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