How to group and create new property in javascript object?

Question

I have an object in javascript:

 "types": [
    {
      "ProcessCode": "b4919f5a-98cf-e711-80f3-1458d0431600",
      "ProcessName": "processX",
      "DocumentCode": 1,
      "DocumentName": "doc1"
    },
    {
      "ProcessCode": "b4919f5a-98cf-e711-80f3-1458d0431600",
      "ProcessName": "processX",
      "DocumentCode": 2,
      "DocumentName": "doc2"
    },
    {
      "ProcessCode": "b4919f5a-98cf-e711-80f3-1458d0431600",
      "ProcessName": "processX",
      "DocumentCode": 4,
      "DocumentName": "doc4"
    },
   {
      "ProcessCode": "09c27913-98cf-e711-80f3-1458d0431600",
      "ProcessName": "processY",
      "DocumentCode": 1,
      "DocumentName": "doc1"
    },
    {
      "ProcessCode": "09c27913-98cf-e711-80f3-1458d0431600",
      "ProcessName": "processY",
      "DocumentCode": 2,
      "DocumentName": "doc2"
    }
]

How can I group by ProcessCode this object to look like this?

"types": [
    {
      "ProcessCode": "b4919f5a-98cf-e711-80f3-1458d0431600",
      "ProcessName": "processX",
      "Docs": [{
        "DocumentCode": 1,
        "DocumentName": "doc1"
        },
        {
        "DocumentCode": 2,
        "DocumentName": "doc2"
        },
        {
        "DocumentCode": 4,
        "DocumentName": "doc4"
        }
     ]
   },
   {
      "ProcessCode": "09c27913-98cf-e711-80f3-1458d0431600",
      "ProcessName": "processY",
      "Docs": [{
        "DocumentCode": 1,
        "DocumentName": "doc1"
       },
       {
        "DocumentCode": 2,
        "DocumentName": "doc2"
       }
     ]
   }
 }
]

I haved try with groupBy of lodash, but It put ProcessCode as key and not like the stucture I want.

 "types": [
    {
     "b4919f5a-98cf-e711-80f3-1458d0431600": {...

Ele · Accepted Answer · 2019-03-24 19:53:14Z

You can use the function reduce for grouping and the function Object.values to extract the grouped objects.

let types = [    {      "ProcessCode": "b4919f5a-98cf-e711-80f3-1458d0431600",      "ProcessName": "processX",      "DocumentCode": 1,      "DocumentName": "doc1"    },    {      "ProcessCode": "b4919f5a-98cf-e711-80f3-1458d0431600",      "ProcessName": "processX",      "DocumentCode": 2,      "DocumentName": "doc2"    },    {      "ProcessCode": "b4919f5a-98cf-e711-80f3-1458d0431600",      "ProcessName": "processX",      "DocumentCode": 4,      "DocumentName": "doc4"    },   {      "ProcessCode": "09c27913-98cf-e711-80f3-1458d0431600",      "ProcessName": "processY",      "DocumentCode": 1,      "DocumentName": "doc1"    },    {      "ProcessCode": "09c27913-98cf-e711-80f3-1458d0431600",      "ProcessName": "processY",      "DocumentCode": 2,      "DocumentName": "doc2"    }];

let result = Object.values(types.reduce((a, {ProcessCode, ProcessName, DocumentCode, DocumentName}) => {
  (a[ProcessCode] || (a[ProcessCode] = {ProcessCode, ProcessName, Docs: []})).Docs.push({DocumentCode, DocumentName});
  return a;
}, Object.create(null)));

console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }

Collectives™ on Stack Overflow

How to group and create new property in javascript object?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related