how to split array of objects into multiple array of objects by subvalue

Question

I need to split an Array by its objects subvalue (type). Let's assume I have following array:

[
  {id:1,name:"John",information: { type :"employee"}},
  {id:2,name:"Charles",information: { type :"employee"}},
  {id:3,name:"Emma",information: { type :"ceo"}},
  {id:4,name:"Jane",information: { type :"customer"}}
]

and I want to split the object by information.type so my final result looks like:

[
 {
  type:"employee",
  persons:
  [
   {id:1,name:"John",information: { ... }},
   {id:2,name:"Charles",information: { ... }
  ]
 },
{
  type:"ceo",
  persons:
  [
   {id:3,name:"Emma",information: { ... }}
  ]
 },
{
  type:"customer",
  persons:
  [
   {id:4,name:"Jane",information: { ... }}
  ]
 }, 
]

Underscore is available at my Project. Any other helper library could be included.

Of course I could loop through the array and implement my own logic, but i was looking for cleaner solution.

please add your solution.

Nina Scholz
– Nina Scholz

2016-04-12 16:09:52 +00:00
Commented Apr 12, 2016 at 16:09 — Nina Scholz
– Nina Scholz, Commented Apr 12, 2016 at 16:09

4lejandrito · Accepted Answer · 2016-04-12 16:18:07Z

3

This returns exactly what you want:

_.pairs(_.groupBy(originalArray, v => v.information.type)).map(p => ({type: p[0], persons: p[1]}))

answered Apr 12, 2016 at 16:18

4lejandrito

1821 silver badge6 bronze badges

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

Comments

Nina Scholz · Accepted Answer · 2016-04-12 17:03:42Z

1

A solution in plain Javascript with a temporary object for the groups.

var array = [{ id: 1, name: "John", information: { type: "employee" } }, { id: 2, name: "Charles", information: { type: "employee" } }, { id: 3, name: "Emma", information: { type: "ceo" } }, { id: 4, name: "Jane", information: { type: "customer" } }],
    result = [];

array.forEach(function (a) {
    var type = a.information.type;
    if (!this[type]) {
        this[type] = { type: type, persons: [] };
        result.push(this[type]);
    }
    this[type].persons.push({ id: a.id, name: a.name });
}, {});

document.write('<pre>' + JSON.stringify(result, 0, 4) + '</pre>');

edited Apr 12, 2016 at 17:03

answered Apr 12, 2016 at 16:32

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

Comments

Odi · Accepted Answer · 2016-04-12 16:11:00Z

0

You could use the groupBy function of underscore.js:

var empList = [
{id:1,name:"John",information: { type :"employee"}},
  {id:2,name:"Charles",information: { type :"employee"}},
  {id:3,name:"Emma",information: { type :"ceo"}},
  {id:4,name:"Jane",information: { type :"customer"}}
];
_.groupBy(empList, function(emp){ return emp.information.type; });

answered Apr 12, 2016 at 16:11

Odi

6,9163 gold badges36 silver badges52 bronze badges

Collectives™ on Stack Overflow

how to split array of objects into multiple array of objects by subvalue

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