根据来自另一个对象数组的多个值过滤对象数组

Question

我有一个对象数组，c = [  {     name: 'abc',     category: 'cat1',     profitc: 'profit1',     costc: 'cost1'  },  {     name: 'xyz',     category: '',     profitc: 'profit1',     costc: ''  },  {     name: 'pqr',     category: 'cat1',     profitc: 'profit1',     costc: ''  }]现在我想根据另一个对象数组过滤数组，第二个对象数组是，arr = [ {   type:'profitc'   value: 'profit1', }, {   type:'category'   value: 'cat1', }]现在 arr 显示在带有多个选择选项的下拉列表中，并且对象中的键值的值显示给用户，即利润 1、cat1 等。因此，如果用户选择profit1and cat1，那么我需要过滤数组c，这样，输出看起来像这样。c = [  {     name: 'abc',     category: 'cat1',     profitc: 'profit1',     costc: 'cost1'  },  {     name: 'pqr',     category: 'cat1',     profitc: 'profit1',     costc: ''  }]我试着这样做。let result = c.filter(e => {  let istruecat = true//arr is chosen value from user.  arr.forEach(element => {    istruecat = e[element.type] == element.value;  })  return istruecat;})但是当我这样做时，我会从c数组中获取所有对象。我在这里做错了什么？有没有办法使用 lodash.

Answer 1

您可以通过使用数据对象检查所有给定的键/值对来过滤数组。

var data = [{ name: 'abc', category: 'cat1', profitc: 'profit1', costc: 'cost1' }, { name: 'xyz', category: '', profitc: 'profit1', costc: '' }, { name: 'pqr', category: 'cat1', profitc: 'profit1', costc: '' }],

    filters = [{ type: 'profitc', value: 'profit1', }, { type: 'category', value: 'cat1' }],

    result = data.filter(o => filters.every(({ type, value }) => o[type] === value));

console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }

Answer 2

-您istruecat仅根据arr. 您应该使用 reduce 来累积值：

let result = c.filter(e => arr.reduce((acc, element) => acc && e[element.type] === element.value, true))

Answer 3

这是c通过过滤器数组根据给定值减少列表的实现arr。请注意，输出是基于 中的初始内容的新列表c。

result = arr.reduce((acc, curr) => {

    acc = acc.filter(item => {

        return item[curr.type] === curr.value;

    });

    return acc;

}, c);

Answer 4

或者一个递归和imo可读的解决方案：

function myFilter(c, [first, ...rest]) {

    if (first) {

        const {type, value} = first;

        // Recursively call myFilter with one filter removed

        return myFilter(c, rest)

           .filter(x => x[type] === value);

    } else {

        // Nothing left to filter

        return c;

    }

}

myFilter(c, arr);