能否在for循环中使用Firebase的updateDoc？ArrayUnion批量更新报错求助

问题背景 #

需要在Firebase的updateDoc中，对props.ratings对象的每个属性执行arrayUnion操作，尝试用for循环简化代码但报错。

props.ratings结构：

{
  overall: 3.5,
  food: 4,
  service: 5,
  ambience: 3,
  valueForMoney: 2.5,
}

尝试的代码：

for(const type in props.ratings){
  updateDoc(docRef,{
    `ratings.types.${type}` : arrayUnion({
      uId:props.uId,
      val:props.ratings[type],
    }),
  }).then(()=>{}).catch(()=>{});
}

运行错误：Property assignment expected.

错误原因 #

你的代码存在两个关键问题：

• 循环内多次调用updateDoc，既浪费资源，还可能因重复触发更新引发异常
• 若Firestore文档中评分数组的实际路径并非ratings.types.${type}，路径错误会直接导致语法或逻辑问题

可行实现方式 #

无需手动逐个更新，通过批量构建更新对象，单次调用updateDoc即可完成所有操作：

// 先构建所有更新操作的集合
const updatePayload = {};

for (const ratingType in props.ratings) {
  // 替换为你实际的Firestore字段路径，示例为`ratings.${ratingType}`
  const fieldPath = `ratings.${ratingType}`;
  updatePayload[fieldPath] = arrayUnion({
    uId: props.uId,
    val: props.ratings[ratingType]
  });
}

// 一次性执行所有更新
updateDoc(docRef, updatePayload)
  .then(() => {
    // 更新成功后的处理逻辑
  })
  .catch(err => {
    // 错误处理
    console.error("更新失败:", err);
  });

核心要点 #

• 遍历props.ratings，将每个字段的arrayUnion操作存入统一的更新对象
• 单次调用updateDoc完成批量更新，减少网络请求次数，提升效率
• 务必根据你的Firestore文档结构调整fieldPath：如果评分数组确实在ratings.types下，就把路径改成ratings.types.${ratingType}

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