AngularFirestore带where子句查询重复返回同一文档的解决方法

首先，先排查查询结果是否真的包含重复文档，同时修正代码里的输出逻辑，再针对性处理去重：

1. 查看完整的查询结果 #

你原代码里每次循环创建新数组并打印，会导致每个元素单独输出，容易误以为是重复。先修改代码打印完整查询结果，同时获取文档ID（Firestore每个文档ID唯一，是判断是否为同一文档的核心依据）：

this.angulfirestore.collection('clients', ref=>ref.where('name', '==', 'Pedro'))
  .valueChanges({ idField: 'id' }) // 让返回结果包含文档唯一ID
  .subscribe((data)=>{
    console.log('完整查询结果:', data); // 打印整个结果数组，确认是否真的重复
  });

2. 针对性处理去重 #

情况1：结果里确实是同一文档（ID相同）重复出现 #

这大概率是实时监听的缓存同步问题，你可以改用单次查询get()避免实时更新影响，或者根据ID直接去重：

// 方法一：改用单次查询get()，仅获取当前服务器数据
this.angulfirestore.collection('clients', ref=>ref.where('name', '==', 'Pedro'))
  .get()
  .subscribe((querySnapshot)=>{
    const data = querySnapshot.docs.map(doc => ({...doc.data(), id: doc.id}));
    console.log('单次查询结果:', data);
  });

// 方法二：对实时查询结果按ID去重，保留最后出现的文档
this.angulfirestore.collection('clients', ref=>ref.where('name', '==', 'Pedro'))
  .valueChanges({ idField: 'id' })
  .subscribe((data)=>{
    const uniqueData = Array.from(new Map(data.map(item => [item.id, item])).values());
    console.log('去重后的结果:', uniqueData);
  });

情况2：结果里是不同文档（ID不同）但name都是Pedro #

这说明你的集合里确实存在多个name为Pedro的文档，属于正常查询结果。如果需要只保留其中一个，可以根据业务逻辑筛选，比如取创建时间最新的：

// 假设文档包含createTime字段，筛选出最新的文档
this.angulfirestore.collection('clients', ref=>ref.where('name', '==', 'Pedro'))
  .valueChanges({ idField: 'id' })
  .subscribe((data)=>{
    if(data.length === 0) return;
    const latestDoc = data.reduce((prev, curr) => 
      prev.createTime > curr.createTime ? prev : curr
    );
    console.log('最新的Pedro文档:', latestDoc);
  });

3. 修正原代码的输出逻辑 #

你原代码里每次循环创建新数组，会导致每个元素单独打印，看起来像是重复。正确的收集所有元素的方式是把数组声明在循环外：

this.angulfirestore.collection('clients', ref=>ref.where('name', '==', 'Pedro'))
  .valueChanges()
  .subscribe((data)=>{
    const res = [];
    data.forEach(e=>{
      res.push(e);
    });
    console.log('所有结果:', res); // 打印完整数组，避免误解
  });

内容的提问来源于stack exchange，提问作者Zé-da-Véstia Lidia