How to group an array of dynamic objects based on an a property value in react js / javascript

Question

I have an object like this -

[{"genericName":"genesName test","genericId":3,"code":"generics"},{"genericName":"genesName fhfghsd","genericId":8,"code":"generics"},{"genericName":"genesName fhld","genericId":11,"code":"generics"}]

I want to make it like this -

{"generics": {"genericId": 3}},
{"generics": {"genericId": 8}},
{"generics": {"genericId": 11}}

How can I do this?

Do you mean to group them like this? { "generics": [3, 8, 11] } Question seems a little vague. — srx
– srx, Commented Sep 19, 2020 at 11:20
here generics part is static, i can change the object with - [{"genericName":"genesName test","genericId":3"}, {"genericName":"genesName fhfghsd","genericId":8}, {"genericName":"genesName fhld","genericId":11}] — Masudul Hasan Shawon
– Masudul Hasan Shawon, Commented Sep 19, 2020 at 11:27

Siva Kondapi Venkata · Accepted Answer · 2020-09-19 11:34:22Z

2

Use map and destructuring

const data = [
  { genericName: "genesName test", genericId: 3, code: "generics" },
  { genericName: "genesName fhfghsd", genericId: 8, code: "generics" },
  { genericName: "genesName fhld", genericId: 11, code: "generics" },
];

const res = data.map(({ code, genericId }) => ({ [code]: { genericId } }));

console.log(res);

answered Sep 19, 2020 at 11:34

Siva Kondapi Venkata

11.1k2 gold badges20 silver badges32 bronze badges

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

Comments

Aakash · Accepted Answer · 2020-09-19 11:26:50Z

0

You can try the map method of Array:

const obj = [{
  "genericName": "genesName test",
  "genericId": 3,
  "code": "generics"
}, {
  "genericName": "genesName fhfghsd",
  "genericId": 8,
  "code": "generics"
}, {
  "genericName": "genesName fhld",
  "genericId": 11,
  "code": "generics"
}]

const mapObjToResult = (item, idx, arr) => {
  return {
    [item.code]: {
      genericId: item.genericId
    }
  }
}

const result = obj.map(mapObjToResult);

console.log(result);

Good Luck...

answered Sep 19, 2020 at 11:26

Aakash

24.1k7 gold badges110 silver badges89 bronze badges

Comments

Fide · Accepted Answer · 2020-09-19 11:30:00Z

0

If you want to have arrays of Objects, then this one?

let gens = [
  {"genericName":"genesName test","genericId":3,"code":"generics"},
  {"genericName":"genesName fhfghsd","genericId":8,"code":"generics"},
  {"genericName":"genesName fhld","genericId":11,"code":"generics"}
]

result = gens.map(item => ({ [item.code] : {genericId: item.genericId}})

answered Sep 19, 2020 at 11:30

Fide

1,1978 silver badges9 bronze badges

Collectives™ on Stack Overflow

How to group an array of dynamic objects based on an a property value in react js / javascript

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