如何基于多条件数组动态过滤目标数组？求实现方案

你的核心问题是把不同字段的过滤逻辑混在了一起，导致判断条件完全错误。以下是正确的实现方式：

正确代码实现 #

const data = [
    {id: 1, name: 'john', location: 'NY', age: '50'},
    {id: 2, name: 'mj', location: 'LA', age: '41'},
    {id: 3, name: 'mike', location: 'LA', age: '50'},
    {id: 4, name: 'lebron', location: 'SF', age: '20'},
    {id: 5, name: 'mike', location: 'NY', age: '60'},
    {id: 6, name: 'john', location: 'MI', age: '30'},
    {id: 7, name: 'mj', location: 'NY', age: '53'}
];

const filters = {
    name: ['mike', 'mj'],
    location: ['NY'],
    age: []
};

// 提取有效过滤条件：只保留值数组非空的键值对
const validFilters = Object.entries(filters).filter(([_, values]) => values.length > 0);

// 执行过滤：每个元素必须满足所有有效过滤条件
const filteredData = data.filter(item => {
    return validFilters.every(([key, allowedValues]) => {
        return allowedValues.includes(item[key]);
    });
});

console.log(filteredData);

代码说明 #

1. 提取有效过滤条件：先把filters中空数组的条件（比如age）过滤掉，避免无效检查。
2. 逐元素验证：对data中的每个元素，用every确保它满足所有有效过滤规则：
   • 元素的name必须在['mike', 'mj']中
   • 元素的location必须在['NY']中
3. 最终得到的filteredData就是你期望的结果。

你的原代码问题分析 #

• 错误地将所有过滤值合并成一个数组，用every要求单个字段包含所有过滤值（比如要求name同时包含'mike'、'mj'、'NY'），逻辑完全颠倒。
• 使用map遍历过滤器，得到的是多个独立过滤后的数组，而不是合并后的最终结果。

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