如何从Firestore的数组中删除指定的map类型元素

方案1：使用arrayRemove（适用于可完整匹配待删除map的场景） #

Firestore内置的arrayRemove方法可以精确匹配并删除数组中指定的完整元素，如果你能完整获取到要删除的map对象的所有键值对，可以直接用该方法，无需先读取整个文档。

Web端SDK示例：

import { doc, updateDoc, arrayRemove } from "firebase/firestore";
import { db } from "./your-firebase-config";

const userDocRef = doc(db, "你的集合名", "对应文档ID");
// 填入要删除的完整map对象，所有键值必须和数组中存储的内容完全一致
const targetMap = {
  address: "待删除地址",
  city: "对应城市",
  // 其余map内字段也要和存储的完全匹配
};

await updateDoc(userDocRef, {
  address_list: arrayRemove(targetMap)
});

注意：arrayRemove是全量精确匹配，只要map内有任意一个键值和存储的内容不一致，就会删除失败。

方案2：先读取再过滤重写（适用于按条件删除的场景） #

如果你需要按map内的某个字段条件删除（比如删除map中id为123的元素），无法直接匹配完整map时，采用先读数组、过滤目标元素、再写回数组的方案即可，并发修改场景下建议搭配事务避免数据覆盖。

非事务版本示例 #

import { doc, getDoc, updateDoc } from "firebase/firestore";
import { db } from "./your-firebase-config";

const userDocRef = doc(db, "你的集合名", "对应文档ID");
const docSnap = await getDoc(userDocRef);

if (docSnap.exists()) {
  const addressList = docSnap.data().address_list || [];
  // 过滤规则可自定义，示例为删除map中id等于目标ID的元素
  const filteredList = addressList.filter(item => item.id !== targetId);
  // 写回过滤后的数组
  await updateDoc(userDocRef, {
    address_list: filteredList
  });
}

事务版本示例（避免并发冲突） #

import { doc, runTransaction } from "firebase/firestore";
import { db } from "./your-firebase-config";

const userDocRef = doc(db, "你的集合名", "对应文档ID");

await runTransaction(db, async (transaction) => {
  const docSnap = await transaction.get(userDocRef);
  if (!docSnap.exists()) throw "目标文档不存在";
  const addressList = docSnap.data().address_list || [];
  const filteredList = addressList.filter(item => item.id !== targetId);
  transaction.update(userDocRef, { address_list: filteredList });
});

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