如何在循环中将对象组合成一个对象

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.

Answer 1

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); 

Answer 2

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); 

Answer 3

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 ... )

Answer 4

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>