如何通过匹配所有值而不是一个值来过滤对象数组

Question

我正在实现一个过滤器。它工作正常。问题是它只是匹配单个对象值而不是所有值匹配。

这里是匹配的意思，让它在值中包含任何单个字母

示例：这是我的对象

{name:"D",color:"Green",size:50}

如果我将过滤器对象传递为：

let filter1 = {color:"Blu",size:'50'};

目前我通过匹配大小得到单个结果。但是颜色完全不匹配。所以结果应该是空的。

如何对对象中的所有值进行mach，得到过滤后的值。

Live Demo

代码：

const nestedFilter = (targetArray, filters) => targetArray.filter(o => Object.keys(filters).find(k => filters[k].includes(o[k])));

let products = [
  {name:"A",color:"Blue",size:70},
  {name:"B",color:"Blue",size:60},
  {name:"C",color:"Black",size:70},
  {name:"D",color:"Green",size:50}
];

let filter1 = {color:"Blu",size:'50'};


console.log(nestedFilter(products, filter1));

Answer 1

将.find 调用替换为.every。请注意，通过使用includes，您希望您的属性值是字符串。

如果您希望includes 以其他方式工作，以便过滤器值可以是数据的子字符串，您应该这样做：

const nestedFilter = (targetArray, filters) => 
    targetArray.filter(o => Object.keys(filters).every(k =>
        String(o[k]).includes(filters[k]))
    )
)

o[k] 值需要转换为字符串，否则您无法将includes 应用于它（参见size，它是一个数字）

Answer 2

检查通过的过滤器的Object.entries 中的every 是否等于被迭代对象上的相同条目。如果您想要部分匹配并且使用不同类型的变量，听起来您还需要先将它们强制转换为字符串，因此您可以使用.includes。

const nestedFilter = (targetArray, filters) => targetArray.filter(
  obj => Object.entries(filters).every(
    ([key, val]) => String(obj[key]).includes(val)
  )
);

let products = [
  {name:"A",color:"Blue",size:70},
  {name:"B",color:"Blue",size:60},
  {name:"C",color:"Black",size:70},
  {name:"D",color:"Green",size:50},
  {name:"E",color:"Blu",size:'50'}
];

let filter1 = {color:"Blu",size:'70'};


console.log(nestedFilter(products, filter1));