如何使用Firebase Modular SDK（v9）实现带条件where()子句的Firestore查询

实现思路 #

Firebase v9 采用模块化函数式设计，不再支持v8版本的链式调用语法，你可以通过动态拼接查询约束数组的方式实现同等的条件查询效果：所有where/orderBy/limit等查询条件都是独立的约束对象，先把符合条件的约束放入数组，最后统一传入query()方法构建查询即可。

完整实现代码 #

第一步：导入依赖API #

import { getFirestore, collection, query, where, getDocs } from "firebase/firestore"
// 初始化Firestore实例
const db = getFirestore()

第二步：构建动态查询 #

const status = "live"
const publishedAfter = 1630607348811

// 初始化空的查询约束数组
const queryConstraints = []

// 根据业务条件动态添加where子句
if (status) {
  queryConstraints.push(where("status", "==", "live"))
}
if (publishedAfter) {
  queryConstraints.push(where("publishedAt", ">", publishedAfter))
}

// 传入集合引用和展开的约束数组，生成最终查询
const q = query(collection(db, "articles"), ...queryConstraints)

// 执行查询获取结果
const qSnapshot = await getDocs(q)

拓展说明 #

如果需要添加其他查询约束（比如排序、分页），逻辑完全一致，只需要在符合条件时把对应约束对象推入数组即可，示例：

import { orderBy, limit } from "firebase/firestore"

// 示例：需要按发布时间倒序时添加排序约束
const needSort = true
if (needSort) {
  queryConstraints.push(orderBy("publishedAt", "desc"))
}

// 示例：最多返回10条数据
queryConstraints.push(limit(10))

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