AngularFire Firestore中.where()方法的OR运算符使用问题

Firestore 原生的 .where() 方法不直接支持 OR 运算符，但可以通过以下几种方式实现类似需求：

方案1：使用 in 操作符（推荐，适合少量OR条件） #

Firestore 提供了 in 操作符，允许匹配字段值在指定数组中的文档，最多支持10个元素，正好满足你的场景：

import { AngularFirestore } from '@angular/fire/compat/firestore';

constructor(private afs: AngularFirestore) {}

getShirtsOrPants() {
  return this.afs.collection('your-collection', ref => 
    ref.where('type', 'in', ['shirt', 'pants'])
  ).valueChanges();
}

方案2：多个独立查询合并结果（适合超过10个OR条件的场景） #

如果需要匹配的条件超过10个，或者 in 操作符无法满足需求，可以发起多个独立查询，再合并结果：

import { forkJoin } from 'rxjs';
import { map } from 'rxjs/operators';
import { AngularFirestore } from '@angular/fire/compat/firestore';

constructor(private afs: AngularFirestore) {}

getShirtsOrPants() {
  // 分别发起两个查询
  const shirtsQuery$ = this.afs.collection('your-collection', ref => 
    ref.where('type', '==', 'shirt')
  ).valueChanges();

  const pantsQuery$ = this.afs.collection('your-collection', ref => 
    ref.where('type', '==', 'pants')
  ).valueChanges();

  // 合并两个查询的结果
  return forkJoin([shirtsQuery$, pantsQuery$]).pipe(
    map(([shirts, pants]) => [...shirts, ...pants])
  );
}

注：如果存在同时满足多个条件的文档（本例中不会出现），可以通过 Array.from(new Set(mergedResults)) 或自定义逻辑去重。

方案3：使用 array-contains-any（需调整数据结构） #

如果可以将文档的 type 字段改为数组类型（例如 types: ['shirt']），可以用 array-contains-any 匹配包含任意指定值的文档：

import { AngularFirestore } from '@angular/fire/compat/firestore';

constructor(private afs: AngularFirestore) {}

getShirtsOrPants() {
  return this.afs.collection('your-collection', ref => 
    ref.where('types', 'array-contains-any', ['shirt', 'pants'])
  ).valueChanges();
}

注意事项 #

• in 和 array-contains-any 都有最多10个元素的限制，超过则需要拆分查询合并。
• 使用多个查询合并时，建议在组件中通过 async 管道订阅，自动管理内存泄漏。

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