Firestore not-in过滤数组超10个元素报错，求解决方案

Firestore的not-in过滤器确实限制数组最多包含10个元素，针对你的场景，有两种可行的解决方案：

方案一：拆分查询并合并结果 #

将超过10个元素的排除ID数组拆分为多个10元素以内的子数组，分别执行not-in查询，最后合并所有查询结果并处理。

实现代码 #

// 工具函数：将数组拆分为指定大小的子数组
function chunkArray(arr, size) {
  const chunks = [];
  for (let i = 0; i < arr.length; i += size) {
    chunks.push(arr.slice(i, i + size));
  }
  return chunks;
}

// 初始化排除ID数组
const excludedIds = [...passedUserIds, ...smashesUserIds];
const idChunks = chunkArray(excludedIds, 10);

// 存储所有监听的取消函数，用于组件卸载时清理
const unsubscribeList = [];

// 合并并处理查询结果
const mergeAndProcessProfiles = (allDocs) => {
  // 确保文档唯一（ID不会重复，此步骤可省略，仅作保险）
  const uniqueDocs = Array.from(new Map(allDocs.map(doc => [doc.id, doc])).values());
  
  const filteredProfiles = uniqueDocs
    .filter(doc => doc.id !== user.uid)
    .filter(doc => doc._data.gender !== loggedInProfile.gender)
    .filter(doc => doc._data.age <= `${value[1]}`)
    .filter(doc => doc._data.age >= `${value[0]}`)
    .filter(doc => doc._data.languages.some(lang => lang === languages)) // 简化多语言判断逻辑
    .map(doc => ({ id: doc.id, ...doc.data() }));
  
  setProfiles(filteredProfiles);
};

// 执行拆分后的查询
const runChunkedQueries = () => {
  // 先清理之前的监听
  unsubscribeList.forEach(unsub => unsub());
  unsubscribeList.length = 0;

  let allDocs = [];
  let completedQueryCount = 0;

  idChunks.forEach(chunk => {
    const unsubscribe = firestore()
      .collection("users")
      .where("id", "not-in", chunk)
      .onSnapshot(querySnapshot => {
        // 移除当前chunk对应的旧文档（快照更新时同步数据）
        allDocs = allDocs.filter(doc => !chunk.includes(doc.id));
        // 添加当前chunk的新文档
        allDocs.push(...querySnapshot.docs);
        completedQueryCount++;

        // 所有查询完成后处理结果
        if (completedQueryCount === idChunks.length) {
          mergeAndProcessProfiles(allDocs);
        }
      });
    unsubscribeList.push(unsubscribe);
  });

  // 没有排除ID时，直接查询全部用户
  if (idChunks.length === 0) {
    const unsubscribe = firestore()
      .collection("users")
      .onSnapshot(querySnapshot => {
        mergeAndProcessProfiles(querySnapshot.docs);
      });
    unsubscribeList.push(unsubscribe);
  }
};

// 启动查询
runChunkedQueries();

// 组件卸载时记得清理监听（以React为例）
// useEffect(() => {
//   runChunkedQueries();
//   return () => unsubscribeList.forEach(unsub => unsub());
// }, [passedUserIds, smashesUserIds, user.uid, loggedInProfile, value, languages]);

方案二：客户端直接过滤排除ID #

如果需要排除的ID数量较多（比如接近或超过总用户数的一半），直接查询全部用户数据，再在客户端过滤掉需要排除的ID，这种方式更高效，避免过多的Firestore请求。

实现代码 #

const excludedIds = new Set([...passedUserIds, ...smashesUserIds, user.uid]); // 直接包含当前用户ID

unlanguages = firestore()
  .collection("users")
  .onSnapshot(querySnapshot => {
    if (!querySnapshot?.docs?.length) return;

    const filteredProfiles = querySnapshot.docs
      .filter(doc => !excludedIds.has(doc.id))
      .filter(doc => doc._data.gender !== loggedInProfile.gender)
      .filter(doc => doc._data.age <= `${value[1]}`)
      .filter(doc => doc._data.age >= `${value[0]}`)
      .filter(doc => doc._data.languages.some(lang => lang === languages))
      .map(doc => ({ id: doc.id, ...doc.data() }));
    
    setProfiles(filteredProfiles);
  });

方案选择建议 #

• 当排除ID数量较少（总数量在几十以内），优先选择方案一，减少客户端需要处理的数据量。
• 当排除ID数量占总用户数比例较高，优先选择方案二，降低Firestore的请求次数和开销。

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