使用.filter過濾對象數組

Question

如果有JSON對象，如何使用.filter根據過濾器對象過濾數組。

data = [
   {month: 'Sep', name: 'Fred', department: 'Accounting'},
   {month: 'Sep', name: 'David', department: 'Sales'},
   {month: 'Oct', name: 'Jon', department: 'Sales'}
]

filters = {
    month: [],
    name: ['Jon'],
    department: ['Sales','Accounting']
}

Answer 1

 const result = data.filter(entry => {
   for(var key in filters){
     if(filters[key].length && !filters[key].includes(entry[key]) )
        return false;
   }
   return true;
});

你可以filter通過檢查每一個過濾器的主要的對象和它的值包含過濾數組中存在的數據 。

Answer 2

您可以使用filter()和every()方法執行此操作。

 var data = [ {month: 'Sep', name: 'Fred', department: 'Accounting'}, {month: 'Sep', name: 'David', department: 'Sales'}, {month: 'Oct', name: 'Jon', department: 'Sales'} ] var filters = { month: [], name: ['Jon'], department: ['Sales','Accounting'] } var result = data.filter(e => { return Object.keys(filters).every(f => { return filters[f].includes(e[f]) || !filters[f].length }) }) console.log(result) 

Answer 3

 let data = [ { month: 'Sep', name: 'Fred', department: 'Accounting' }, { month: 'Sep', name: 'David', department: 'Sales' }, { month: 'Oct', name: 'Jon', department: 'Sales' } ]; let filters = { month: [], name: ['Jon'], department: ['Sales', 'Accounting'] }; let matches = data.filter(function (o) { // iterate through keys of filter object for (const key in this) { // if filter array is empty and // value is not in filter array if (this[key].length > 0 && !this[key].includes(o[key])) { // object is not match return false; } } // if object passed every filter array // object is match return true; }, filters); console.log(matches); 

一種更緊湊的編寫方式可能是這樣的：

 let data = [ { month: 'Sep', name: 'Fred', department: 'Accounting' }, { month: 'Sep', name: 'David', department: 'Sales' }, { month: 'Oct', name: 'Jon', department: 'Sales' } ]; let filters = { month: [], name: ['Jon'], department: ['Sales', 'Accounting'] }; let matches = data.filter(function (o) { return Object.keys(this).every( key => this[key].length === 0 || this[key].includes(o[key]) ); }, filters); console.log(matches); 

Answer 4

data.filter(obj => filters.month.indexOf(obj.month) > -1 && filters.name.indexOf(obj.name) > -1 && filters.department.indexOf(obj.department) > -1)