基于多个store-feature分类ID精确匹配筛选WordPress门店CPT方案咨询

前端灵活筛选方案（适配你当前的代码逻辑） #

核心是用JavaScript原生的Array.every()方法，不需要硬编码判断条件，自动适配任意数量的用户选择的功能ID：
把你原有代码里的硬编码判断条件替换为动态判断即可：

// 替换原来的硬编码if条件
if (storeFeatureID.every(selectedId => myStoresID.includes(selectedId))) {
    storeArray.push(data[i]);
}

逻辑说明： #

• every()方法会遍历用户选择的所有功能ID，只有当所有ID都在当前门店的功能ID数组中存在时，才会返回true，完美满足全匹配需求
• 不管用户选择1个、2个还是更多功能，这段代码都能自动适配，不需要修改逻辑

可选性能优化（当前数据量可忽略，适合后续数据量增长时使用） #

如果后续门店数量增长到上千级别，可以把门店的功能ID数组转成Set来提升查询速度：

const myStoresIdSet = new Set(myStoresID);
if (storeFeatureID.every(selectedId => myStoresIdSet.has(selectedId))) {
    storeArray.push(data[i]);
}

后端优化方案（减少不必要的数据传输） #

你也可以直接在WordPress REST API层面支持全匹配查询，不需要前端过滤，接口直接返回符合要求的门店：

1. 在主题functions.php中添加钩子，注册自定义查询参数并修改查询逻辑：

add_action('rest_api_init', function () {
    add_filter('rest_location_query', function ($args, $request) {
        $feature_ids = $request->get_param('store_features_and');
        if (!empty($feature_ids)) {
            $ids = array_map('intval', explode(',', $feature_ids));
            $tax_queries = [];
            foreach ($ids as $id) {
                $tax_queries[] = [
                    'taxonomy' => 'store-features',
                    'field' => 'term_id',
                    'terms' => $id,
                ];
            }
            $tax_queries['relation'] = 'AND';
            $args['tax_query'] = $tax_queries;
        }
        return $args;
    }, 10, 2);
});

2. 前端请求接口时直接用自定义参数：

fetchData(`http://localhost/wordpress/wp-json/wp/v2/locations/?store_features_and=${storeFeatureID.join(',')}`)

此时接口返回的就是已经全匹配过滤后的门店列表，前端不需要再做额外过滤。

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