如何通过JavaScript在Firebase中为指定文档添加评论字段？

你的代码问题在于：直接修改docSnap.data()返回的本地数据副本，不会同步到Firestore数据库中，必须显式执行更新操作才能修改云端文档。

下面是两种可行的实现方案：

方案一：先获取数据再更新（基础写法） #

这种方式先拉取当前文档数据，处理评论数组后再写回数据库，需注意处理comments字段不存在的情况：

const createComment = async (author, authorId, comment) => {
  try {
    const docRef = doc(db, "posts", id);
    const docSnap = await getDoc(docRef);

    if (docSnap.exists()) {
      // 获取当前文档数据，若comments不存在则初始化为空数组
      const currentData = docSnap.data();
      const updatedComments = currentData.comments ? [...currentData.comments] : [];
      // 构造完整的评论对象（建议包含更多元信息）
      updatedComments.push({
        author,
        authorId,
        content: comment,
        createdAt: new Date()
      });
      // 更新文档的comments字段
      await updateDoc(docRef, { comments: updatedComments });
    } else {
      console.log("该帖子不存在");
    }
  } catch (error) {
    console.error("添加评论失败：", error);
  }
};

方案二：使用Firestore原子更新（推荐） #

Firestore提供arrayUnion方法，支持原子性地向数组添加元素，无需手动处理数组初始化，还能避免并发更新时的冲突问题：

import { doc, updateDoc, arrayUnion } from "firebase/firestore";

const createComment = async (author, authorId, comment) => {
  try {
    const docRef = doc(db, "posts", id);
    // 用arrayUnion原子添加评论，若comments字段不存在会自动创建数组
    await updateDoc(docRef, {
      comments: arrayUnion({
        author,
        authorId,
        content: comment,
        createdAt: new Date()
      })
    });
  } catch (error) {
    console.error("添加评论失败：", error);
  }
};

注意事项 #

• 确保id变量是通过useParams()正确获取的帖子ID，类型要和Firestore中文档ID一致
• 评论建议存储为对象而非纯字符串，这样可以保留作者ID、时间戳等元信息，方便后续展示和管理
• 始终用try-catch包裹异步操作，处理可能的网络或权限错误

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