javascript - 如何以 Angular 方式在数组对象内追加/推送新对象

Question

如何以 Angular 追加/推送新对象。

这是数据:

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

我想要做的是在对象内部添加像访问一样的内容。 预期输出:

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

Answer 1

您可以使用 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)