javascript how to filter array for multiple condition

Question

This is the filter:

var filter = {
  address: ['England'],
  name: ['Mark', 'Tom'] // Mark or Tom in this case
};

var users = [{
    name: 'John',
    email: 'johnson@mail.com',
    age: 25,
    address: 'USA'
  },
  {
    name: 'Tom',
    email: 'tom@mail.com',
    age: 35,
    address: 'England'
  },
  {
    name: 'Mark',
    email: 'mark@mail.com',
    age: 28,
    address: 'England'
  }
];

The filtered result should be

  {
    name: 'Tom',
    email: 'tom@mail.com',
    age: 35,
    address: 'England'
  },
  {
    name: 'Mark',
    email: 'mark@mail.com',
    age: 28,
    address: 'England'
  }

Already asked, and answered: https://stackoverflow.com/questions/31831651/javascript-filter-array-multiple-conditions — Cristik, Sep 26 '21 at 07:09

Federkun · Accepted Answer · 2021-09-26T02:51:38.783

2

You take your users, filter it, and see if the name is contained in the filters.

const onlyMarkAndTom = users.filter(user => filter.name.includes(user.name))

Include additional conditions to narrow down the result

const onlyMarkAndTom = users.filter(user => filter.name.includes(user.name) && ...)

edited Sep 26 '21 at 02:51

answered Sep 26 '21 at 02:48

Federkun

36,084
8
78
90

I also need to filter `address` at the same time – CCCC Sep 26 '21 at 02:49
Same logic, include additional conditions to the filter. `&& ...`. – Federkun Sep 26 '21 at 02:50

score 0 · Answer 2 · answered Sep 26 '21 at 03:01

0

users.filter((user) => {
  if (!filter.address.includes(user.address)) {
    return false;
  }
  if (!filter.name.includes(user.name)) {
    return false;
  }
  return true;
});

answered Sep 26 '21 at 03:01

Medo Paw

81
5

This answer doesn't appear to be substantially different from the accepted one. – double-beep Sep 26 '21 at 07:53
No. But the early-return style is easier to extend for multiple filtering conditions. – Medo Paw Sep 26 '21 at 17:12

javascript how to filter array for multiple condition

2 Answers2