Add child object with value to existing javaScript object

Question

I have an empty root object created in JavsScript:

var myObject = {};

Now, I want to add a child object with a value:

{  
   "myObject ":{  
      "myChildObject":"FooBar"
   }
}

Seems simple enough, but I'm having a hard time finding an answer. Most of the examples I find are related to DOM objects (div's) and don't really translate well. I've been looking at W3Schools on their .appendChild() page, but the examples there don't set a value.

myObject.myObject.myChildObject = 'FooBar';

Rahul Desai
– Rahul Desai

2017-01-23 18:25:33 +00:00
Commented Jan 23, 2017 at 18:25 — Rahul Desai
– Rahul Desai, Commented Jan 23, 2017 at 18:25

nanobar · Accepted Answer · 2017-01-23 20:22:44Z

9

myObject.myChildObject = 'foo'

or, if your key has spaces in it you can use square bracket notation:

myObject['my Child Object'] = 'foo'

edited Jan 23, 2017 at 20:22

answered Jan 23, 2017 at 18:23

nanobar

66.8k26 gold badges155 silver badges178 bronze badges

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

Comments

Mustafa Mamun · Accepted Answer · 2017-01-23 18:26:44Z

3

If You want to add a child to myObject then just do it

var myObject = {};
myObject.myChildObject = "Foo Bar"

answered Jan 23, 2017 at 18:26

Mustafa Mamun

2,6512 gold badges17 silver badges18 bronze badges

Comments

HARMANPREET KAUR · Accepted Answer · 2019-09-03 21:16:39Z

0

var myObject = {};
myObject.myObject = Object.assign({myChildObject:"red"});
console.log(myObject);

Result:

{  
   "myObject ":{  
      "myChildObject":"FooBar"
   }
}

answered Sep 3, 2019 at 21:16

HARMANPREET KAUR

112 bronze badges

Collectives™ on Stack Overflow

Add child object with value to existing javaScript object

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related