如何异步递归转换JS对象中的DocumentReference并替换原位置？

嗨，这个需求我之前在项目里实际处理过，要搞定它的核心就是递归遍历+并行异步处理，既保证能覆盖任意层级的嵌套结构，又能最大化异步请求的效率。下面是我验证过的最优实现方案：

核心实现代码 #

async function convert(obj) {
  // 处理数组：递归处理每个元素
  if (Array.isArray(obj)) {
    const promises = obj.map(item => convert(item));
    return Promise.all(promises);
  }

  // 处理DocumentReference：获取数据并返回
  if (obj?.get && typeof obj.get === 'function') {
    const docSnap = await obj.get();
    return docSnap.data();
  }

  // 处理普通对象：递归处理每个属性
  if (typeof obj === 'object' && obj !== null) {
    const entries = Object.entries(obj);
    const processedEntries = await Promise.all(
      entries.map(async ([key, value]) => [key, await convert(value)])
    );
    return Object.fromEntries(processedEntries);
  }

  // 基本类型（字符串、数字、布尔等）直接返回
  return obj;
}

关键细节说明 #

• 递归遍历全覆盖：不管DocumentReference在对象的第几层，是在普通对象里还是数组里，递归逻辑都能找到它并处理
• 并行异步提升效率：用Promise.all同时发起所有DocumentReference的get()请求，比串行处理快N倍（N是需要获取的文档数量），这是高效的核心
• 无副作用的结构保留：所有处理都是创建新的对象/数组返回，不会修改原数据，避免意外的副作用
• 灵活的类型判断：这里通过判断对象是否有.get()方法来识别DocumentReference，如果你的环境里有DocumentReference类，也可以改成obj instanceof DocumentReference，更精准

调用示例 #

就像你预期的那样直接调用就行：

const originalData = { "www.some-domain.com": { "key1": ["value1"], "data": { "d1": true, "d2": false, "d3": DocumentReference {...}, "d4": [] }, "key2": "value2" } };

convert(originalData).then((convertedData) => {
  console.log('转换后的数据：', convertedData);
  // 这里就能拿到替换好的结果了
}).catch(err => {
  console.error('转换出错：', err);
});

这个方案在处理大量嵌套的DocumentReference时表现非常好，既保证了代码的简洁性，又最大化了异步处理的效率。

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