Firebase 9中JS实现不使用updateDoc删除Firestore数组指定元素

目标操作文档结构如下，需要删除posts数组中值为"1"的元素，开发语言为JavaScript，实现全程不使用updateDoc方法：

{
  "posts": ["0", "1", "3"],
  "title": "Delete an array element"
}

数据库结构参考：

实现逻辑 #

不用updateDoc的前提下，直接用setDoc方法搭配merge: true配置，配合Firestore内置的原子数组操作符arrayRemove即可完成需求：

• setDoc默认是覆盖整个文档，加上{ merge: true }后只会更新你传入的字段，不会改动文档里的其他内容（比如示例里的title字段会完整保留），效果和字段级更新一致
• arrayRemove是Firestore提供的原子操作符，会自动匹配数组中和传入值完全相等的元素并移除，不需要手动读取全量文档修改后回写，能避免并发场景下的数据覆盖问题

完整代码示例 #

import { initializeApp } from "firebase/app";
import { getFirestore, doc, setDoc, arrayRemove } from "firebase/firestore";

// 替换为你自己项目的Firebase配置
const firebaseConfig = {
  // 项目配置参数
};
const app = initializeApp(firebaseConfig);
const db = getFirestore(app);

// 替换为实际的集合名称、目标文档的自动生成ID
const targetDocRef = doc(db, "你的集合名称", "目标文档ID");

async function removeArrayItem() {
  try {
    await setDoc(
      targetDocRef,
      {
        posts: arrayRemove("1") // 传入要删除的精确匹配值
      },
      { merge: true } // 开启合并模式，不覆盖其他字段
    );
    console.log("数组元素删除成功");
  } catch (error) {
    console.error("操作失败：", error);
  }
}

// 调用执行
removeArrayItem();

注意点 #

• arrayRemove是严格全等匹配：如果数组里存的是数字类型的1就传数字1，存字符串"1"就传字符串"1"，类型不匹配会导致删除失败
• 需要一次删除多个数组元素时，直接给arrayRemove传多个参数即可，比如arrayRemove("1", "3")会同时移除posts数组里的"1"和"3"
• 这个方案全程没有调用updateDoc，完全符合要求，同时原子操作比手动读改写的方案稳定性高很多，不会出现多端同时操作时丢数据的问题

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