Filter array of objects with another array of objects

Question

This question is similar to this one Jquery filter array of object with loop but this time I need to do the filter with an array of objects.

Exemple:

I have an array of objects like this:

myArray = [ {     userid: "100",      projectid: "10",     rowid: "0" }, {     userid: "101",      projectid: "11",     rowid: "1"}, {         userid: "102",      projectid: "12",     rowid: "2"}, {         userid: "103",      projectid: "13",     rowid: "3" }, {         userid: "101",      projectid: "10",     rowid: "4" } ...] 

I want to filter it with an array like this:

myFilter = [ {     userid: "101",      projectid: "11" }, {     userid: "102",      projectid: "12" }, {     userid: "103",      projectid: "11" }] 

and return this (the userid and the projectid in myFilter need to match the userid and the projectid in myArray):

myArrayFiltered = [ {     userid: "101",      projectid: "11",     rowid: "1" }, {     userid: "102",      projectid: "12",     rowid: "2" }] 

How can I do that ?

Answer 1

With Ecma script 6.

const myArrayFiltered = myArray.filter( el => {   return myfilter.some( f => {     return f.userid === el.userid && f.projectid === el.projectid;   }); }); 

Function:

const filterObjectArray = (arr, filterArr) => (     arr.filter( el =>         filterArr.some( f =>             f.userid === el.userid && f.projectid === el.projectid         )     ) );  console.log(filterObjectArray(myArray, myFilter)) 

Link to example

Answer 2

You can put a couple of array methods to use here - filter and some. They're available in all recent browsers, and there are polyfills available for the older browsers.

const myArray = [{ userid: "100", projectid: "10", rowid: "0" }, { userid: "101", projectid: "11", rowid: "1"}, { userid: "102", projectid: "12", rowid: "2" }, { userid: "103", projectid: "13", rowid: "3" }, { userid: "101", projectid: "10", rowid: "4" }];  const myFilter = [{ userid: "101", projectid: "11" }, { userid: "102", projectid: "12" }, { userid: "103",  projectid: "11"}];    const myArrayFiltered = myArray.filter((el) => {    return myFilter.some((f) => {      return f.userid === el.userid && f.projectid === el.projectid;    });  });    console.log(myArrayFiltered);