How to filter a JS array with user defined number of filters?

Question

I have a Profiles array of objects that I would like to filter. The filter is a combination of Statuses in another array. The array of Statuses is defined by the user. The Profiles array can be filtered with one or more Statuses by the user. How can I write a filter function without knowing how many conditions should be checked in advance?

//the array to filter
let profileList = [{name: "John", staus: "green"}, {name: "Alex", staus: "yellow"}, {name: "Jane", staus: "green"}]

//user defined: they can add up to 30 statuses
let statusList = ["green", "yellow", "red", "black"]

//also user defined: they can filter by as many statuses as they want
let filters = ["green", "red"]

  
const filteredProfileList = profileList.filter(element => {
  return //how to write the conditions with logical OR (||) if I don't know how many statuses will be used?
});

dave · Accepted Answer · 2022-12-06 20:25:58Z

1

You don't need to know how many will be checked, you can just check if the array of filters includes the profiles status:

//the array to filter
let profileList = [{name: "John", staus: "green"}, {name: "Alex", staus: "yellow"}, {name: "Jane", staus: "green"}]

//user defined: they can add up to 30 statuses
let statusList = ["green", "yellow", "red", "black"]

//also user defined: they can filter by as many statuses as they want
let filters = ["green", "red"]

  
const filteredProfileList = profileList.filter(element => {
  return filters.includes(element.staus);
});

console.log(filteredProfileList)

answered Dec 6, 2022 at 20:25

dave

65.1k6 gold badges81 silver badges98 bronze badges

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

1 Comment

jeff3546 Over a year ago

Thanks a lot, this works perfectly is exaclty what I needed !

Collectives™ on Stack Overflow

How to filter a JS array with user defined number of filters?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related