const arr = [ {label : 'lbl1', text: 'txt1'}, {label : 'lbl2', text: 'txt2'}, {label : 'lbl3', text: 'txt3'}, {label : 'lbl4', text: 'txt4'}, // 更多项目];const filterBy = ...
const arr = [
{label : 'lbl1', text: 'txt1'},
{label : 'lbl2', text: 'txt2'},
{label : 'lbl3', text: 'txt3'},
{label : 'lbl4', text: 'txt4'},
// much more items
];
const filterBy = [
{label: 'lbl1',text: 'txt1'},
{label : 'lbl4', text: 'txt4'}
//may have 0 or more items
];
我想 动态地 过滤 arr 来自 filterBy . filterBy UI 的内容...这里它只是表示用户可以传递的内容...
我会以静态的方式做：
arr.filter(x => (x.text == filterBy[0].text && x.label == filterBy[0].label) ||
. (x.text == filterBy[1].text && x.label == filterBy[1].label)
);
是否可以在 JS 中链接动态标准？谢谢
我认为这就是您想要的..动态标准..使用 Object.keys 和 reduce 您可以得到它。
const arr = [
{label : 'lbl1', text: 'txt1'},
{label : 'lbl2', text: 'txt2'},
{label : 'lbl3', text: 'txt3'},
{label : 'lbl4', text: 'txt4'},
// much more items
];
const filterBy = [
{label: 'lbl1',text: 'txt1'},
{label : 'lbl4', text: 'txt4'}
];
const filtered = arr.filter(item => {
return filterBy.some(fItem => {
const keys = Object.keys(fItem);
return keys.length > 0 && keys.reduce((acc, k) => {
return acc && item[k] === fItem[k];
}, true)
});
});
console.log(filtered)