filter object array based on string array

Question

Hello I have an array of objects like this:

product: [
  { id: "1", name: "product 01" },
  { id: "2", name: "product 02" },
  { id: "3", name: "product 03" },
  { id: "4", name: "product 04" },
  { id: "5", name: "product 05" }

]

list: [ "1", "2", "5" ]

I would like a result similar to this, where it filters only the objects that are registered in the list by Id:

newArray: [
  { id: "1", name: "product 01" },
  { id: "2", name: "product 02" },
  { id: "5", name: "product 05" }

]

I think you have to use the filter with the map, but I’m having trouble making that union

Answer 1

Use the filter()

The indexOf() returns -1 if the element you are looking for does not exist in the array. Then you can use it together with the filter() to fetch an array of Ids in an array of objects.

product.filter(item => list.indexOf(item.id) !== -1)
// Output:
// [
//   { "id": "1", "name": "product 01" },
//   { "id": "2", "name": "product 02" }
// ]

View screenshot

Answer 2

Maybe you want this:

Parameters for research:
Array Filter
Array Includes

const products = [
   {id:1, name: 'product 1'},
   {id:2, name: 'product 2'},
   {id:3, name: 'product 3'}
];
const newProduct = products.filter((product) => product.id < 3)

console.log(products)   
console.log(newProduct)

idFilter = [1, 2]
const filterProduct = products.filter((product) => idFilter.includes(product.id))    

console.log(filterProduct)