Add json object as child object in JavaScript

Question

I have JSON object

{a : 'vala' , b:'valb' , childval : { x : 'valx'} } another object as {c: 'valc'}

I would like to add these two objects as

{a : 'vala' , b:'valb' , childval : { x : 'valx'} , {c: 'valc'} }

Any pointers on how to add another object.

Is the first object actually JSON or a JavaScript object? The syntax you posted isn't valid JSON. Also, for childval, do you want to combine all keys into a single object or create an array of objects? Pointers - consider Object.prototype.keys or Object.prototype.entries. — fubar
– fubar, Commented Jul 31, 2020 at 4:27
{a : 'vala' , b:'valb' , childval : { x : 'valx'} , {c: 'valc'} } is not a valid syntax, do you mean {a : 'vala' , b:'valb' , childval : { x : 'valx', c: 'valc' } } ? — Maxime Helen
– Maxime Helen, Commented Jul 31, 2020 at 4:29
Thanks for pointing it out. I was not thinking about valid JSON. No wonder I was struggling to make it work. — satish
– satish, Commented Jul 31, 2020 at 5:07

Maxime Helen · Accepted Answer · 2020-07-31 04:34:41Z

3

I would do below if I imagine well your typo:

const foo = { a: 'vala', b: 'valb', childval : { x : 'valx' } };
const bar = { c: 'valc' };

foo.childval = { ...foo.childval, ...bar };

spread syntax is neat for these situations

answered Jul 31, 2020 at 4:34

Maxime Helen

1,4129 silver badges17 bronze badges

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

Comments

sonEtLumiere · Accepted Answer · 2020-07-31 04:34:15Z

2

Try this

let obj1 = {a : 'vala' , b:'valb' , childval : { x : 'valx'} }
let obj2 = {c: 'valc'};

Object.assign(obj1.childval, obj2);
console.log(obj1);

answered Jul 31, 2020 at 4:34

sonEtLumiere

4,6223 gold badges15 silver badges48 bronze badges