Map object array inside another object array

Question

I've got two arrays, one of which I want to map with another one as an object. For example :

var myArray = [{'id' : 'first', 'name' : 'firstname'}];
var addressArray = [{'city' : 'London', 'street' : 'Oxford'}];

I want to put adress array inside myArray as an object so that I have :

var newArray = [{'id' : 'first', 'name' : 'firstname', 'address' : {'city' : 'London', 'street' : 'Oxford'}}];

I have tried mapping with forEach method :

myArray.forEach(function(o, i){
    o.address = addressArray;
});

But I keep getting [Object] in my output :

[{'id' : 'first', 
  'name' : 'firstname', 
  'address' : [[Object], [Object]] }]

What is the best way to do it?

Satpal · Accepted Answer · 2017-05-23 10:11:38Z

3

Use index to access the element

myArray.forEach(function(o, i){
    o.address = addressArray[i];
});

var myArray = [{'id' : 'first', 'name' : 'firstname'}];
var addressArray = [{'city' : 'London', 'street' : 'Oxford'}];

myArray.forEach(function(o, i){
    o.address = addressArray[i];
});

console.log(myArray)

answered May 23, 2017 at 10:11

Satpal

134k13 gold badges168 silver badges171 bronze badges

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

Comments

FrankCamara · Accepted Answer · 2017-05-23 10:16:14Z

3

Use map instead since it is actually a new array you are returning with modyfied items in it

var res = myArray.map((item, index) => {
  item.address = addressArray[index];
  return item;
});

answered May 23, 2017 at 10:16

FrankCamara

3484 silver badges9 bronze badges

1 Comment

João Cunha Over a year ago

Don't understand the downvote. this is a valid answer

Collectives™ on Stack Overflow

Map object array inside another object array

2 Answers 2

Comments

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Related