如何在Firebase实时数据库中实现双变量多条件查询？

当前代码 #

useEffect(() => {
    fireDb
      .child(`All Ride Requests`)
      .orderByChild(`car_model`)
      .equalTo("Volvo")
      // .orderByValue("car_plaka")
      // .equalTo("S40")
      .on("value", (snapshot) => {
        if (snapshot.val() !== null) {
          setCar({ ...snapshot.val() });
        } else {
          setCar({});
        }
      });
    return () => {
      setCar({});
    };
  }, []);

问题描述 #

我在React项目中使用useEffect调用Firebase实时数据库时，当前仅能通过orderByChild('car_model')和equalTo('Volvo')实现单条件查询，尝试添加car_plaka等于“S40”的第二个查询条件时无法生效，请问是否有办法实现双变量多条件查询？能否在同一节点下完成此类查询？

Firebase实时数据库本身不支持同时对两个不同子节点执行排序+过滤操作，但可以通过以下几种方案在同一节点下实现多条件查询：

方案1：创建组合字段 #

在每条请求数据中新增一个组合字段（比如car_model_plaka），将car_model和car_plaka的值用固定分隔符拼接（例如Volvo_S40），写入数据时同步维护这个字段。查询时直接针对组合字段过滤：

useEffect(() => {
  const unsubscribe = fireDb
    .child(`All Ride Requests`)
    .orderByChild(`car_model_plaka`)
    .equalTo(`Volvo_S40`)
    .on("value", (snapshot) => {
      setCar(snapshot.val() || {});
    });
  return () => {
    unsubscribe();
    setCar({});
  };
}, []);

该方案适合固定的多条件组合场景，查询效率最高，但需要额外维护组合字段。

方案2：客户端二次过滤 #

先通过第一个条件（car_model=Volvo）获取符合要求的数据集，再在前端用JavaScript筛选出满足car_plaka=S40的条目：

useEffect(() => {
  const unsubscribe = fireDb
    .child(`All Ride Requests`)
    .orderByChild(`car_model`)
    .equalTo(`Volvo`)
    .on("value", (snapshot) => {
      const allVolvoCars = snapshot.val() || {};
      const filteredCars = Object.fromEntries(
        Object.entries(allVolvoCars).filter(([key, car]) => car.car_plaka === "S40")
      );
      setCar(filteredCars);
    });
  return () => {
    unsubscribe();
    setCar({});
  };
}, []);

注意这里要调用unsubscribe取消Firebase的监听，避免内存泄漏。该方案适合第一个条件能过滤掉大部分数据的场景，无需修改数据库结构。

方案3：利用查询范围（限范围类条件） #

如果你的查询条件是范围类型（如大于、小于），可以结合startAt/endAt实现，但对于多个等于条件，前两种方案更适用。

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