add element to an object javascript code example

Example 1: append object to object javascript

// Spread syntax allows an iterable (in this case an object) to be expanded

const originalObj = { name: 'John', age: 34 }
let newObj = { ...originalObj, city: 'New York' }
// newObj is now { name: 'John', age: 34, city: 'New York' }

// it can also be used with the same object
newObj = { ...newObj, language: 'en' }
// { name: 'John', age: 34, city: 'New York', language: 'en' }

Example 2: adding element to javascript object

let person = {
  name : 'John Doe',
  age : 35
}

//Now we can add element by 2 ways
person.occupation = 'Web Designer'
//or
person['occupation'] = 'Web Designer'; //This is usefull for adding element within loop.

object[yourKey] = yourValue;
object.yourKey = yourValue;

Example 3: javascript add to object

var element = {}, cart = [];
element.id = id;
element.quantity = quantity;
cart.push(element);

// Array of Objects in form {element: {id: 10, quantity: 10} }
var element = {}, cart = [];
element.id = id;
element.quantity = quantity;
cart.push({element: element});