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

onecompileman · Accepted Answer · 2020-02-27 07:03:23Z

2

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)

answered Feb 27, 2020 at 7:03

onecompileman

9507 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ahmed El-sayed · Accepted Answer · 2020-02-27 07:04:10Z

1

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)

answered Feb 27, 2020 at 7:04

Ahmed El-sayed

3542 silver badges7 bronze badges

Collectives™ on Stack Overflow

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

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related