Trying to create a single array of objects from two three returned from API

Question

I have a project where in one instance I am returning an object that contains three separate arrays of objects.

Like so...

[
   Array 1:[
    { key: value}
   ],
   Array 2:[
    { key: value},
    { key: value}
   ],
   Array 2:[
    { key: value},
    { key: value}
   ]
]

What I'm trying to do is take this multi array of objects and make it a single array containing the objects from all three.

I'm trying to do this using angular.forEach and loop through them and push them into a new array, but it's not working.

var newArray = [];

angular.forEach(result, function(value, key){
   newArray.push(value);
});

return newArray;

Could really use some advice on this one!

Thanks!

[ [ { key: value} ], [ { key: value}, { key: value} ], [ { key: value}, { key: value} ] ] Is this your result array? — Ishwar Patil
– Ishwar Patil, Commented May 10, 2017 at 14:58

Nenad Vracar · Accepted Answer · 2017-05-10 14:58:56Z

4

You can use concat() and spread syntax.

var arr = [[{ key: 'value'}],[{ key: 'value'},{ key: 'value'}],[{ key: 'value'},{ key: 'value'}]]

var result = [].concat(...arr);
console.log(result)

answered May 10, 2017 at 14:58

Nenad Vracar

122k16 gold badges160 silver badges184 bronze badges

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

1 Comment

Jeremy Thille Over a year ago

Most elegant solution ever.

Mihai Alexandru-Ionut · Accepted Answer · 2017-05-10 15:10:27Z

0

You can use reduce method, which accepts a callback provided function.

var arr = [[{ key: 'value'}],[{ key: 'value'},{ key: 'value'}],[{ key: 'value'},{ key: 'value'}]]

var array = arr.reduce(function(obj,item){
    obj.push(...item);
    return obj;
},[]);
console.log(array)

answered May 10, 2017 at 15:10

Mihai Alexandru-Ionut

48.6k14 gold badges106 silver badges132 bronze badges

Collectives™ on Stack Overflow

Trying to create a single array of objects from two three returned from API

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related