Javascript merge array values belonging to different keys in object

Question

I have an object like this:

data = {
    0: [{name: 'ABC', age: '43'}, {name: 'DEF', age: '20'}],
    1: [{name: 'GHI', age: '41'}, {name: 'JKL', age: '25'}],
    2: [{name: 'MNO', age: '19'}, {name: 'PQR', age: '24'}]
};

I want to merge the array values of the keys, and make a single array of objects like this:

[ {name: 'ABC', age: '43'}, {name: 'DEF', age: '20'}, {name: 'GHI', age: '41'}, {name: 'JKL', age: '25'}, {name: 'MNO', age: '19'}, {name: 'PQR', age: '24'} ]

I went through the Lodash docs to find something, but cannot come up with the right combination. Does anyone know how to do this in a concise way, with Lodash (preferably), or something else? Thanks in advance!!

Ori Drori · Accepted Answer · 2016-10-15 13:44:33Z

2

Extract the arrays using _.values(), and apply concat to the arrays:

var data = {
    0: [{name: 'ABC', age: '43'}, {name: 'DEF', age: '20'}],
    1: [{name: 'GHI', age: '41'}, {name: 'JKL', age: '25'}],
    2: [{name: 'MNO', age: '19'}, {name: 'PQR', age: '24'}]
};

var result = Array.prototype.concat.apply([], _.values(data));
    
console.log(result);

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.16.4/lodash.min.js"></script>

answered Oct 15, 2016 at 13:44

Ori Drori

196k32 gold badges243 silver badges233 bronze badges

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

Comments

synthet1c · Accepted Answer · 2016-10-15 13:46:22Z

1

You just need to convert the array like object to an array, then flatten it.

data = {
    0: [{name: 'ABC', age: '43'}, {name: 'DEF', age: '20'}],
    1: [{name: 'GHI', age: '41'}, {name: 'JKL', age: '25'}],
    2: [{name: 'MNO', age: '19'}, {name: 'PQR', age: '24'}]
};

console.log(
  _.flatten(_.toArray(data))
)

<script src="https://cdn.jsdelivr.net/lodash/4.16.4/lodash.min.js"></script>

answered Oct 15, 2016 at 13:46

synthet1c

6,3024 gold badges28 silver badges41 bronze badges

Comments

Alexey Soshin · Accepted Answer · 2016-10-15 13:41:45Z

1

Without lodash, just plain old JS:

var data = {
    0: [{name: 'ABC', age: '43'}, {name: 'DEF', age: '20'}],
    1: [{name: 'GHI', age: '41'}, {name: 'JKL', age: '25'}],
    2: [{name: 'MNO', age: '19'}, {name: 'PQR', age: '24'}]
};

var result = [];
for (var key in data) {
    if (data.hasOwnProperty(key)) {
        result = result.concat(data[key]);
    }
}
console.log(result);

answered Oct 15, 2016 at 13:41

Alexey Soshin

17.9k2 gold badges37 silver badges42 bronze badges

Comments

Redu · Accepted Answer · 2016-10-15 13:46:27Z

1

With the new Object.values() you may do as follows in pure JS ES6;

var data = { 0: [{name: 'ABC', age: '43'}, {name: 'DEF', age: '20'}],
             1: [{name: 'GHI', age: '41'}, {name: 'JKL', age: '25'}],
             2: [{name: 'MNO', age: '19'}, {name: 'PQR', age: '24'}]
           },
 newData = [].concat(...Object.values(data));
console.log(newData);

answered Oct 15, 2016 at 13:46

Redu

26.3k6 gold badges61 silver badges84 bronze badges

Comments

Keith · Accepted Answer · 2016-10-15 13:56:27Z

1

Here is another pure javascript version.

var data = {
    0: [{name: 'ABC', age: '43'}, {name: 'DEF', age: '20'}],
    1: [{name: 'GHI', age: '41'}, {name: 'JKL', age: '25'}],
    2: [{name: 'MNO', age: '19'}, {name: 'PQR', age: '24'}]
};

var newdata = Object.keys(data).reduce(function (a,b) { 
  return a.concat(data[b]);
}, []);

console.log(newdata);

answered Oct 15, 2016 at 13:56

Keith

24.4k2 gold badges32 silver badges48 bronze badges

Collectives™ on Stack Overflow

Javascript merge array values belonging to different keys in object

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related