Flatten Parent Child Objects Using UnderscoreJS

Question

I have an array containing parent child relationship as shown below:

[{
    Company: 'ABC',
    Employees: [{ Company: 'ABC', Name: 'EMP-1' }, 
                { Company: 'ABC', Name: 'EMP-2' }, 
                { Company: 'ABC', Name: 'EMP-3' }]
},
{
    Company: 'XYZ',
    Employees: [{ Company: 'XYZ', Name: 'EMP-4' }, 
                { Company: 'XYZ', Name: 'EMP-5' }, 
                { Company: 'XYZ', Name: 'EMP-6' }]
}]

And using UnderscoreJS's _.flatten method, I want to all elements at same level 0 as shown below:

[{ Company: 'ABC' }
 { Company: 'ABC', Name: 'EMP-1' }, 
 { Company: 'ABC', Name: 'EMP-2' }, 
 { Company: 'ABC', Name: 'EMP-3' },
 { Company: 'XYZ' }, 
 { Company: 'XYZ', Name: 'EMP-4' }, 
 { Company: 'XYZ', Name: 'EMP-5' }, 
 { Company: 'XYZ', Name: 'EMP-6' }]

But I don't know how to achieve this.

Gruff Bunny · Accepted Answer · 2017-10-12 11:55:06Z

1

Here's an underscore solution that first maps across the data to return an array of the company without the Employees array and the Employees array. These arrays are then flattened.

var result = _.chain(data)
    .map( company => [_.omit(company, 'Employees'), company.Employees])
    .flatten()
    .value();

answered Oct 12, 2017 at 11:55

Gruff Bunny

28k10 gold badges74 silver badges61 bronze badges

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

Comments

Mikhail Shabrikov · Accepted Answer · 2017-10-12 10:23:01Z

0

My solution with pure JS:

var array = [{
    Company: 'ABC',
    Employees: [{ Company: 'ABC', Name: 'EMP-1' }, 
                { Company: 'ABC', Name: 'EMP-2' }, 
                { Company: 'ABC', Name: 'EMP-3' }]
},
{
    Company: 'XYZ',
    Employees: [{ Company: 'XYZ', Name: 'EMP-4' }, 
                { Company: 'XYZ', Name: 'EMP-5' }, 
                { Company: 'XYZ', Name: 'EMP-6' }]
}]

var result = array.reduce(function(store, object, index) {
  var arrayOfEmployees = object.Employees;

  delete object.Employees;
  store.push(object);

  return store.concat(arrayOfEmployees)
}, []);

console.log(result)

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

edited Oct 12, 2017 at 10:23

answered Oct 12, 2017 at 9:56

Mikhail Shabrikov

8,5091 gold badge30 silver badges36 bronze badges

Collectives™ on Stack Overflow

Flatten Parent Child Objects Using UnderscoreJS

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related