Array of objects filter by another array values

Issue

I'm new in Angular and trying to use as a filter values of array, that is inside object, which is inside another array. Second file, that should be filtered, contains array of objects. for example:

export const PART: Parts [] = [
  {
    title: 'param1',
    data: 'some data', //required information to get
  },
  {
    title: 'param2',
    data: 'other data',
  },
  {
    title: 'param3',
    data: 'another data',
  }
]



export const PROD: Prod[] = [
  {
    id: 1,
    name: 'item1',
    title: ['param1', 'param3']
  },
  {
    id: 2,
    name: 'item2',
    title: ['param2', 'param3']
  }
]
    

expected result: item1 receive in it's description data: 'some data' and 'another data'. item2 receive in it's description data: 'other data' and 'another data'. I would use method *ngFor in template for both items.

I need to assign data from const PART to item of const PROD according title 'param1'. Unfortunately I can't find any code example, that would work in this scenario. Thank you in advance.

Solution

prod.map((x)=>{
    x.title.map((y)=>{
        part.map((z)=>{
            if(y == z.title && x.id == 1){
                x.data.push(z.data)
            }
            if(y == z.title && x.id == 2){
                x.data.push(z.data)
            }
        })
    })
})
change prod to this add data:[]
[
    {
      id: 1,
      name: 'item1',
      title: ['param1', 'param3'],
      data:[]
    },
    {
      id: 2,
      name: 'item2',
      title: ['param2', 'param3'],
      data:[]
    }
  ]

Answered By - Omer Naeem