How to combine objects into one object in a loop

Question

I have individual objects like:

Object {au: Object}
Object {eu: Object}
Object {fr: Object}

etc

How do I combine them so they look like this:

Object {au: Object, eu: Object, fr: Object, uk: Object, us: Object}

I have the data in a for loop like so:

 for(var i = 0; i < storesListArray.length; ++i) {
     var storeListArray = storesListArray[i];
     for(var j = 0; j < storeListArray.length; ++j) {
         console.log(storeListArray[j]);
     }
 }

Any help one the best way would be awesome thank you.

developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/… — Meirion Hughes
– Meirion Hughes, Commented Apr 6, 2017 at 19:19
Possible duplicate of How to concatenate properties from multiple JavaScript objects — JJJ
– JJJ, Commented Apr 6, 2017 at 19:20

Nina Scholz · Accepted Answer · 2017-04-06 19:20:44Z

10

You could use Object.assign and spread syntax ... for getting a single object with the parts of the array.

var array = [{ au: {} }, { eu: {} }, { fr: {} }],
    object = Object.assign({}, ...array);

console.log(object);

answered Apr 6, 2017 at 19:20

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

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

Comments

James · Accepted Answer · 2017-04-06 19:42:44Z

2

Another way

var list = [
	{en: {a: "something", b: "something else"}},
	{fr: {a: "something", b: "something else"}},
	{au: {a: "something", b: "something else"}}
]

var bigObj = list.reduce(function (o, n) {
  for (var key in n) o[key] = n[key];
  return o;
}, {});

console.log(bigObj);

answered Apr 6, 2017 at 19:42

James

22.4k5 gold badges29 silver badges44 bronze badges

Comments

Hodrobond · Accepted Answer · 2017-04-06 19:30:13Z

-1

I would begin by using the Array.prototype.forEach to iterate over the elements of the array.

If you're willing to use jQuery, the jQuery.extend can be very useful in copying objects.

var storesListArray = [
	{en: {a: "something", b: "something else"}},
	{fr: {a: "something", b: "something else"}},
	{au: {a: "something", b: "something else"}}
]

var ans = {};
storesListArray.forEach(function(element){
		$.extend(true, ans, element);
	})

console.log(ans);

console.log("en:");
console.log(ans.en);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

edited Apr 6, 2017 at 19:30

answered Apr 6, 2017 at 19:22

Hodrobond

1,69417 silver badges18 bronze badges

3 Comments

user2200113 Over a year ago

I get Object {0: Object, 1: Object, 2: Object, 3: Object, 4: Object, 5: Object} I need the keys to be the codes

Hodrobond Over a year ago

"keys to be the codes", as in ans.en should return the object with keys a and b?

user2200113 Over a year ago

var storeMapping = {}; storesListArray.forEach(function(element){ element.forEach(function(key){ jQuery.extend(true, storeMapping, key); }); });

Daniel AG · Accepted Answer · 2017-04-06 19:21:16Z

-1

You can use jQuery.extend to merge several objects into one. The first parameter is the target object and the following parameters are the ones you want to add to the target:

 var oAll = $.extend({},objA, objB, objC ... )

answered Apr 6, 2017 at 19:21

Daniel AG

3602 silver badges10 bronze badges

Collectives™ on Stack Overflow

How to combine objects into one object in a loop

4 Answers 4

Comments

Comments

3 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related