Javascript multiple filters array

Question

My question is extension to this question javascript filter array multiple conditions
from that question if filter object is

{address: 'England', name: 'Mark'};

and array is

var users = [{
    name: 'John',
    email: '[email protected]',
    age: 25,
    address: 'USA'
  },
  {
    name: 'Tom',
    email: '[email protected]',
    age: 35,
    address: 'England'
  },
  {
    name: 'Mark',
    email: '[email protected]',
    age: 28,
    address: 'England'
  }
];

so the answer is

[
  {
    "name": "Mark",
    "email": "[email protected]",
    "age": 28,
    "address": "England"
  }
]

which is absolutely fine but my question is array has to be filtered for the filter object properties value
for example my filter object will be {address: 'England', name: ''} now this has to filter the array for all names and address England

The posted question does not appear to include any attempt at all to solve the problem. StackOverflow expects you to try to solve your own problem first, as your attempts help us to better understand what you want. Please edit the question to show what you've tried, so as to illustrate a specific problem you're having in a minimal reproducible example. For more information, please see How to Ask and take the tour. — CertainPerformance
– CertainPerformance, Commented Sep 21, 2018 at 7:51
users= users.filter(function(item) { for (var key in filter) { if (filter[key]=="") continue; if (item[key] === undefined || item[key] != filter[key]) return false; } return true; }); — mplungjan
– mplungjan, Commented Sep 21, 2018 at 8:01
Why not add a condition within the filter function that will check if name is truthy and only apply the name check if it is? — Nadav
– Nadav, Commented Sep 21, 2018 at 8:08

baao · Accepted Answer · 2018-09-21 08:03:02Z

1

You'd use filter on users and every on the filter object's entries

const filter = {address: 'England', name: 'Mark'};

const res = users.filter(user => 
  Object.entries(filter)
  .every(([k,v]) => v === '' || user[k] === v)
);
console.log(res);

<script>
var users = [{
  name: 'John',
  email: '[email protected]',
  age: 25,
  address: 'USA'
},
  {
    name: 'Tom',
    email: '[email protected]',
    age: 35,
    address: 'England'
  },
  {
    name: 'Mark',
    email: '[email protected]',
    age: 28,
    address: 'England'
  }
];
</script>

edited Sep 21, 2018 at 8:03

answered Sep 21, 2018 at 8:01

baao

73.6k18 gold badges152 silver badges209 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

mplungjan · Accepted Answer · 2018-09-21 08:05:33Z

0

From the example in the post you mention, just continue if the filter is blank

var filter = {address: 'England', name: ''}
var users = [{
    name: 'John',
    email: '[email protected]',
    age: 25,
    address: 'USA'
  },
  {
    name: 'Tom',
    email: '[email protected]',
    age: 35,
    address: 'England'
  },
  {
    name: 'Mark',
    email: '[email protected]',
    age: 28,
    address: 'England'
  }
];

users = users.filter(function(item) {
  for (var key in filter) {
    if (filter[key] == "") continue; // added this:
    if (item[key] === undefined || item[key] != filter[key])
      return false;
  }
  return true;
});
console.log(users)

answered Sep 21, 2018 at 8:05

mplungjan

180k29 gold badges183 silver badges246 bronze badges

Comments

Jamiec · Accepted Answer · 2018-09-21 08:06:32Z

You can use a combination of filter and every with some ternary logic to determine if the filter value is empty to get all.

var users = [{
    name: 'John',
    email: '[email protected]',
    age: 25,
    address: 'USA'
  },
  {
    name: 'Tom',
    email: '[email protected]',
    age: 35,
    address: 'England'
  },
  {
    name: 'Mark',
    email: '[email protected]',
    age: 28,
    address: 'England'
  }
];

var filter1 = {address: 'England', name: 'Mark'};
var filter2 = {address: 'England', name: ''};

function findResults(input, filterObj){
   return input.filter(
      item => Object.keys(filterObj)
                    .every(r => filterObj[r].length 
                                   ? item[r] == filterObj[r] 
                                   : true)
   )
}

console.log('with address and name', findResults(users,filter1));
console.log('with address only', findResults(users,filter2));

Shubham Gupta · Accepted Answer · 2018-09-21 08:13:21Z

0

If I understand your question correctly you need following output. If this what you are looking for Array.filter should suffice your use case. Take a look at the code sandbox where I have created a function filterByObj which takes arr, filterObj as arguments and returns given output for { address: "England", name: "" }

edited Sep 21, 2018 at 8:13

answered Sep 21, 2018 at 8:07

Shubham Gupta

2,6461 gold badge10 silver badges19 bronze badges

Comments

Đặng Văn Thanh · Accepted Answer · 2018-09-21 08:22:01Z

-2

You need you filter for this case.

var filter1 = {
  address: 'England',
  name: 'Mark'
};

var filter2 = {
  address: 'England',
  name: ''
};

var users = [
  {
    name: 'John',
    email: '[email protected]',
    age: 25,
    address: 'USA'
  },
  {
    name: 'Tom',
    email: '[email protected]',
    age: 35,
    address: 'England'
  },
  {
    name: 'Mark',
    email: '[email protected]',
    age: 28,
    address: 'England'
  }
];

function filterUser(arr, obj) {
  return arr.filter(function(item) {
    return (
      (obj.address === '' || item.address === obj.address) &&
      (obj.name === '' || item.name === obj.name)
    );
  });
}

console.log(filterUser(users, filter1));
console.log(filterUser(users, filter2));

edited Sep 21, 2018 at 8:22

answered Sep 21, 2018 at 8:01

Đặng Văn Thanh

5585 silver badges7 bronze badges

1 Comment

Đặng Văn Thanh Over a year ago

Thanks @mplungjan. Now I understand question and modify question answer

Collectives™ on Stack Overflow

Javascript multiple filters array

5 Answers 5

Comments

Comments

Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related