How to append/push a new object inside the array object in angular

Question

how to append/push a new object in angular.

here's the data:

 data = [
 { title: 'Book1' },
 { title: 'Book2' },
 { title: 'Book3' },
 { title: 'Book4' }
 ]

What I want to do is to add inside the object like access. expected output:

data = [
 { title: 'Book1', author: false },
 { title: 'Book2', author: false },
 { title: 'Book3', author: false },
 { title: 'Book4', author: false }
 ]

Answer 1

You can add the property using a map and object destructor in ES6

data = [
 { title: 'Book1' },
 { title: 'Book2' },
 { title: 'Book3' },
 { title: 'Book4' }
 ].map(d => ({ ...d, author: false }));

let data = [
 { title: 'Book1' },
 { title: 'Book2' },
 { title: 'Book3' },
 { title: 'Book4' }
 ].map(d => ({ ...d, author: false }));
 
console.log(data) 

Answer 2

You Can use Array.prototype.map()

Example :

 data = [
 { title: 'Book1' },
 { title: 'Book2' },
 { title: 'Book3' },
 { title: 'Book4' }
 ]
 
 data.map(item => {
 item.author = false
 })
 console.log("Data",data)