js object append 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: object javascript append

var list = [];

list.push({name:'John', last_name:'Doe'});
list.push({name:'Jane', last_name:'Doe'});

console.log(list);
/* Result:
[
  {
    "name": "John",
    "last_name": "Doe"
  },
  {
    "name": "Jane",
    "last_name": "Doe"
  }
]
*/

Example 3: how to append object in array javascript

var select =[2,5,8];
var filerdata=[];
for (var i = 0; i < select.length; i++) {
  filerdata.push(this.state.data.find((record) => record.id == select[i]));
}
//I have a data which is object,
//find method return me the filter data which are objects
//now with the push method I can make array of objects

Example 4: 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});

Example 5: javascript append to object

How about storing the alerts as records in an array instead of properties of a single object ?

var alerts = [ 
    {num : 1, app:'helloworld',message:'message'},
    {num : 2, app:'helloagain',message:'another message'} 
]
And then to add one, just use push:

alerts.push({num : 3, app:'helloagain_again',message:'yet another message'});

Example 6: javascript append to object

var alerts = [ 
    {num : 1, app:'helloworld',message:'message'},
    {num : 2, app:'helloagain',message:'another message'} 
]