Combine two json sections into one json object

Question

I would like to combine topData and bottomData into completeData.

var topData = {
    "auth": "1vmPoG22V3qqf43mPeMc",
    "property" : "ATL-D406",  
    "status" : 1,
    "user" : "test001@aaa.com",
    "name" : "Abraham Denson"
}

var bottomData = {
    "agent" : "pusher@agent.com",
    "agency" : "Thai Tims Agency",
    "agentCommission" : 1000,
    "arrival" : "arrive 12pm at condo",
    "departure" : "leaving room at 6pm",
}

var completeData = topData.concat(bottomData)

Since these are not arrays, concat wont work here.

Can this be done without making foreach loops?

score 7 · Accepted Answer · answered Jul 09 '17 at 07:04

You can use Object.assign() to concatenate your objects.

var newObj = Object.assign({}, topData, bottomData)

From MDN:

The Object.assign() method is used to copy the values of all enumerable own properties from one or more source objects to a target object. It will return the target object.

var topData = {
    "auth": "1vmPoG22V3qqf43mPeMc",
    "property" : "ATL-D406",  
    "status" : 1,
    "user" : "test001@aaa.com",
    "name" : "Abraham Denson"
}

var bottomData = {
    "agent" : "pusher@agent.com",
    "agency" : "Thai Tims Agency",
    "agentCommission" : 1000,
    "arrival" : "arrive 12pm at condo",
    "departure" : "leaving room at 6pm",
}

var completeData = Object.assign({}, topData, bottomData);

console.log(completeData);

That did the trick, thanks – torbenrudgaard Jul 09 '17 at 07:18 — torbenrudgaard, Jul 09 '17 at 07:18

brk · Answer 2 · 2017-07-09T07:08:18.290

2

You can use Object.assign.

var topData = {
  "auth": "1vmPoG22V3qqf43mPeMc",
  "property": "ATL-D406",
  "status": 1,
  "user": "test001@aaa.com",
  "name": "Abraham Denson"
}

var bottomData = {
  "agent": "pusher@agent.com",
  "agency": "Thai Tims Agency",
  "agentCommission": 1000,
  "arrival": "arrive 12pm at condo",
  "departure": "leaving room at 6pm",
}

var completeData = Object.assign(topData, bottomData);
console.log(completeData)

It return the target object which mean properties from bottomData will be added to topData

edited Jul 09 '17 at 07:08

answered Jul 09 '17 at 07:05

brk

48,835
10
56
78

This will mutate `topData`, which is probably not what the OP wants. – Jul 09 '17 at 07:07
Yep, that did it :) – torbenrudgaard Jul 09 '17 at 07:18

score 0 · Answer 3 · answered Jul 09 '17 at 07:05

0

var completeData = {...topData, ...bottomData};

This is object spread syntax.

answered Jul 09 '17 at 07:05

Combine two json sections into one json object

3 Answers3