根据另一个数组中设置的真或假来映射数组

Question

我在 angular 8 中有一个项目“mockData”的数组和一个过滤器数组“filter”：

filter=[

{column:"name",show:true},

{column:"Sex",show:false},

];

mockData=[

{name:"test",sex:"m"},

{name:"test2",sex:"m"},

{name:"test3",sex:"f"},

{name:"test4",sex:"f"},

];

我只想映射在过滤器数组中设置为 true 的 mockData 列。

结果应该是这样的。

[

{name:"test"},

{name:"test2"},

{name:"test3"},

{name:"test4"},

]

它应该强制检查过滤器。

Answer 1

const filter = [  {    column: "name",    show: true  },  {    column: "sex",    show: false  }];const mockData = [  {    name: "test",    sex: "m"  },  {    name: "test2",    sex: "m"  },  {    name: "test3",    sex: "f"  },  {    name: "test4",    sex: "f"  }];const filteredMockData = mockData.map(data =>  Object.entries(data).reduce(    (result, [key, value]) =>      filter.find(f => f.column === key && f.show)        ? { ...result, [key]: value }        : result,    {}  ));console.log(filteredMockData);