CODEWITHSUNDEEP
javascripttypescript
Panda
Panda

Reputation: 415

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

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 }
        ]

Upvotes: 0

Views: 46

Answers (2)

Ahmed El-sayed
Ahmed El-sayed

Reputation: 329

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)

Upvotes: 1

onecompileman
onecompileman

Reputation: 940

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)

Upvotes: 2

Related Questions