JavaScript多筛选值过滤问题：产品页两个复选框筛选无法同时生效

DevOps 小满

2026-9-24

解决方案

问题根因

你的筛选逻辑分支冗余度过高，多条件同时生效时的判断虽然看起来逻辑自洽，但复杂的分支嵌套很容易触发意料之外的返回结果，另外当前编写的函数没有返回最终的filteredResults变量，外部无法拿到正确的筛选结果。

优化后代码

你可以把筛选逻辑改成「所有启用的筛选规则都满足才保留产品」的正向判断逻辑，可读性更高也不容易出问题：

const getFilteredSearchResults = (filters: Types.searchFilters, famData) => {
  return _.filter(famData, (p) => {
    // 前置规则：没有序列号的产品直接排除
    if (typeof p["serial-number"] === "undefined") return false;
    // 有货筛选启用时，必须满足有货
    if (filters.rentalFleetAvailability && p["availability"] === "No") return false;
    // 带图筛选启用时，必须满足有有效图片
    if (filters.rentalFleetWithImages && (!p["photos"] || !p["photos"].length)) return false;
    // 所有筛选规则都通过，保留产品
    return true;
  });
};