Elementen toevoegen aan js object

[TeamSpirit]

Hallo,

Als ik een javascript object als volgt aanmaak:

data = {
      background: {
          color : 'yellow',
          image :  'home.jpg'
   },
      container: {
           color: 'white',
           width: '100',
           height: '100'
   } 
}

Ik wil in een later stadium nog andere elementen aan dat object toevoegen, dan wordt het bijv:

data = {
      background: {
          color : 'yellow',
          image :  'home.jpg'
   },
      container: {
           color: 'white',
           width: '100',
           height: '100'
   } ,
      sidebar:{
           color: 'blue',
           width: '20',
           height: '100'            
}
}

Hoe moet ik dat doen, ik zat zelf te denken aan.

data = {
      background: {
          color : 'yellow',
          image :  'home.jpg'
   },
      container: {
           color: 'white',
           width: '100',
           height: '100'
   } 
}

data += {
      sidebar:{
           color: 'blue',
           width: '20',
           height: '100'   
}

Maar dat werkt niet,

Is het uberhaupt mogelijk om dit te doen, zoja hoe? Ik heb op internet naar gezocht maar kon niks vinden, weet ook niet zo goed hoe ik dat kan vinden, waar ik op moet zoeken.

Als er onduidelijkheden zijn, laat het weten.

 

[That Guy]

als het goed is kan je je object gewoon extenden door er dingen aan vast te plakken:
[JS]bbq = {
grillmeister: {
color: "black";
bakes: "hamburgers";
}
}

//plak er saus aan vast:
bbq.saz = {
tastes: "nice";
}
[/JS]
wat dan dus hetzelfde is als:
[JS]bbq = {
grillmeister: {
color: "black";
bakes: "hamburgers";
},
saz: {
tastes: "nice";
}
}
[/JS]

probeer dit eens, ik weet niet zeker of het werkt maar denk het wel.

 

[TeamSpirit]

Jep werkt, erg simpel eigenlijk, thanks voor je snelle reactie.