Filtering array of objects against another array of objects?

Question

customerProducts: [
  {
    name: "foo",
    id: 123
  },
  {
    name: "test",
    id: 44
  }
]

otherProducts: [
  {
    name: "other",
    id: 44
  },
  {
    name: "test",
    id: 21
  }
]

I want to iterate through customerProducts, which is an array of objects. I want to filter the customerProducts that have an ID that another array of objects, otherProducts, has. So for examople, I'd want the returned result in this case to be:

  {
    name: "test",
    id: 44
  }

since otherProducts has an id of 44.

I was thinking of mapping through otherProducts and just returning an array of IDs, then running a forEach on that but that seems like a long way of doing it.

Make an array of all the IDs in otherProducts. Then filter customerProducts using a callback function that uses otherIds.includes(product.id) — Barmar
– Barmar, Commented Oct 1, 2020 at 4:30

Phil · Accepted Answer · 2020-10-01 04:30:47Z

3

Create an indexed Set of the values to filter by (id from otherProducts) then filter customerProducts by that Set

const customerProducts = [{name: "foo",id: 123},{name: "test",id: 44}]

const otherProducts = [{name: "other",id: 44},{name: "test",id: 21}]

const otherProductIds = new Set(otherProducts.map(({ id }) => id))

const filteredCustomerProducts = customerProducts.filter(({ id }) => 
  otherProductIds.has(id))
  
console.info(filteredCustomerProducts)

answered Oct 1, 2020 at 4:30

Phil

166k25 gold badges265 silver badges269 bronze badges

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

Comments

ihimv · Accepted Answer · 2020-10-01 04:36:57Z

0

This can be done by using array methods filter and some.

customerProducts.filter((x)=> otherProducts.some(y=> y.id === x.id));

Explanation: filter method will call each and every element in the otherProducts array and check if the id of customerProduct is present in otherProducts for at least one element.

answered Oct 1, 2020 at 4:36

ihimv

1,49413 silver badges26 bronze badges

Comments

Pranav Rustagi · Accepted Answer · 2020-10-01 04:44:37Z

0

declare customerProducts , otherProducts as JS array variable and use JS Array filter find functions

let customerProducts = [
  {
    name: "foo",
    id: 123
  },
  {
    name: "test",
    id: 44
  }
]

let otherProducts = [
  {
    name: "other",
    id: 44
  },
  {
    name: "test",
    id: 21
  }
];

let filtered = customerProducts.filter( el => otherProducts.find( e => e.id == el.id) )

console.log(filtered);

edited Oct 1, 2020 at 4:44

Pranav Rustagi

2,7261 gold badge8 silver badges21 bronze badges

answered Oct 1, 2020 at 4:35

Azad

5,2725 gold badges31 silver badges59 bronze badges

Collectives™ on Stack Overflow

Filtering array of objects against another array of objects?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related