Extract data from array if IDs match

Question

I am struggling to find out a solution to my problem, but at the moment I cannot come up with the right one.

When I have my two arrays of objects I want to filter based on category IDs and extract the data from the second one into a new array for example :

    const array1 = [
         {id: 1, name: 'Tropical'},
         {id: 2, name: 'Common'}
]
    
    const array2 = [
         {id:1, name: 'Banana', category_id: 1},
         {id:2, name: 'Mango', category_id: 1},
         {id:3, name: 'Apple', category_id: 2},
    ]

And when click happens I detect the first ID and render the new array only with data that matches the ID. Click Tropical New array :

[
 {id:1, name: 'Banana', category_id: 1},
 {id:2, name: 'Mango', category_id: 1},
]

I would be happy if someone give me a hint on how can I tackle this problem. Thanks !

isherwood · Accepted Answer · 2022-02-18 15:54:02Z

1

Correct me if I am wrong, So you need a function that received a categoryId and you need to filter out array2 based on that category_id

You can try this

const array1 = [{
    id: 1,
    name: 'Tropical'
  },
  {
    id: 2,
    name: 'Common'
  }
]

const array2 = [{
    id: 1,
    name: 'Banana',
    category_id: 1
  },
  {
    id: 2,
    name: 'Mango',
    category_id: 1
  },
  {
    id: 3,
    name: 'Apple',
    category_id: 2
  },
]

function categoryFruits(categoryId) {
  return array2.filter(obj => obj.id === categoryId)
}

console.log(categoryFruits(3));

edited Feb 18, 2022 at 15:54

isherwood

61.4k16 gold badges122 silver badges173 bronze badges

answered Feb 18, 2022 at 15:50

Sumanth Madishetty

3,5952 gold badges16 silver badges24 bronze badges

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

Comments

Lawrence Cherone · Accepted Answer · 2022-02-18 15:54:21Z

1

Use reduce to map over each item in array1 and filter to grab the items of that category_id

const array1 = [{
    id: 1,
    name: 'Tropical'
  },
  {
    id: 2,
    name: 'Common'
  }
]

const array2 = [{
    id: 1,
    name: 'Banana',
    category_id: 1
  },
  {
    id: 2,
    name: 'Mango',
    category_id: 1
  },
  {
    id: 3,
    name: 'Apple',
    category_id: 2
  },
]

const obj = array1.reduce((acc, cur) => {
  acc[cur.name] = array2.filter(v => v.category_id === cur.id)
  return acc
}, {})

console.log(obj)

answered Feb 18, 2022 at 15:54

Lawrence Cherone

46.7k7 gold badges66 silver badges107 bronze badges

1 Comment

PandaMastr Over a year ago

Thanks for the solution i will definitely check it out .

isherwood · Accepted Answer · 2022-02-18 15:57:24Z

1

You could do something like filtering array2 and taking all the elements that have Tropical as name in array1.

const array1 = [
     {id: 1, name: 'Tropical'},
     {id: 2, name: 'Common'}
]

const array2 = [
     {id:1, name: 'Banana', category_id: 1},
     {id:2, name: 'Mango', category_id: 1},
     {id:3, name: 'Apple', category_id: 2},
]

// take tropical friuts
let tropicalFriuts = array2.filter(x => x.category_id === array1.filter(y => y.name === 'Tropical')[0].id);
console.log(tropicalFriuts);

edited Feb 18, 2022 at 15:57

isherwood

61.4k16 gold badges122 silver badges173 bronze badges

answered Feb 18, 2022 at 15:54

Giovanni Esposito

11.3k1 gold badge19 silver badges33 bronze badges

Comments

Nick · Accepted Answer · 2022-02-18 15:58:00Z

1

If I understood your problem you want before find the id, based on the name of the category, and later filter array2 data based on this id.

const array1 = [{
    id: 1,
    name: 'Tropical'
  },
  {
    id: 2,
    name: 'Common'
  }
]

const array2 = [{
    id: 1,
    name: 'Banana',
    category_id: 1
  },
  {
    id: 2,
    name: 'Mango',
    category_id: 1
  },
  {
    id: 3,
    name: 'Apple',
    category_id: 2
  },
]

const id_key = array1.find(item=>item.name === 'Tropical').id;
const result = array2.filter(item=>item.category_id === id_key);
console.log(result);

answered Feb 18, 2022 at 15:58

Nick

1,6492 gold badges19 silver badges35 bronze badges

1 Comment

PandaMastr Over a year ago

Yes, that's about right. I had almost the same answer but it was not quite right. Thanks for the snippet. I understand it now

Collectives™ on Stack Overflow

Extract data from array if IDs match

4 Answers 4

Comments

1 Comment

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

1 Comment

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related