Firestore如何对Map类型数据执行添加/删除操作？

嘿，我来帮你理清问题所在～你现在遇到的核心问题是把Firestore里的Map（键值对对象）当成数组来操作了，push是数组专属的方法，对象当然没有这个方法，所以才会报错。

先明确你的数据结构 #

你的Contacts字段是一个Firestore Map类型，实际结构是这样的：

{
  Contacts: {
    contact1: true,
    contact2: true
  }
}

这不是数组，得用对象的操作逻辑来处理。

推荐方法：用Firestore原子更新（最简便高效） #

不需要先读取整个文档再修改，直接用update方法就能完成添加或删除操作，这也是Firestore推荐的方式，能避免并发修改冲突：

1. 添加联系人

直接给Map字段添加新的键值对：

// 添加指定contactId到Contacts中
this.afs.doc(`groups/${group.id}`).update({
  [`contacts.${contactId}`]: true
});

2. 删除联系人

借助FieldValue.delete()来移除Map中的指定键：

import { FieldValue } from '@angular/fire/firestore';

// 从Contacts中删除指定contactId
this.afs.doc(`groups/${group.id}`).update({
  [`contacts.${contactId}`]: FieldValue.delete()
});

如果你一定要先读取文档再修改（不推荐，易有并发问题） #

如果因为某些场景必须先获取当前Contacts数据，那你需要把它当成对象来操作，而不是数组：

this.afs.doc(`groups/${group.id}`).ref.get()
  .then(doc => {
    // 先确保contacts是一个对象，避免文档刚创建时contacts不存在的情况
    let contacts = doc.data().contacts || {};
    // 直接给对象添加键值对，而不是用push
    contacts[contactId] = true;
    // 再把修改后的对象写回Firestore
    return this.afs.doc(`groups/${group.id}`).update({ contacts });
  })
  .catch(err => console.error('修改联系人失败：', err));

⚠️ 注意：这种方法会先读再写，如果有其他用户同时修改同一个文档，可能会覆盖掉对方的修改，所以优先用前面的原子更新方法。

你之前遗漏的要点 #

你提到在遵循Firestore数组存储的官方指南，但你的数据结构是Map类型，不是数组类型，指南里的数组操作逻辑不适用在这里。Firestore的Map类型适合这种“键-值”映射的场景（比如存储用户ID和状态），而数组适合有序的列表数据。

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