如何增加 object 的內容及其屬性和屬性值？

Question

var groups = new Truck([
    {id: num, content: `Truck ${num}`}
]);

在構造函數中，我試圖通過單擊按鈕來增加數組內的整個 object。 我還想增加id和content的Number(num) 。 而且，我想在整個過程中使用一個按鈕，當我單擊一個按鈕時，一個數組應該在自身內部再添加一個 object 以及增加的數字，如下所示：

var groups = new Truck([
    {id: 1, content: `Truck 1`},
    {id: 2, content: `Truck 2`},
    {id: 3, content: `Truck 3`},
    {id: 4, content: `Truck 4`}
]);

Answer 1

1. 使用 class 構造函數來聲明一個 id 和一個數組。

2. 聲明一個add方法，根據當前 id 創建一個新的 object，將其推入數組，然后遞增 id。

3. 創建Truck的實例。

4. 創建一個按鈕，並將一個偵聽器附加到它，該偵聽器調用一個調用實例上的add的 function，然后記錄它。

 class Truck { constructor() { this.id = 1; this.arr = []; } add() { this.arr.push({ id: this.id, content: `Truck ${this.id}` }); ++this.id; } } const group = new Truck(); const button = document.querySelector('button'); button.addEventListener('click', handleClick, false); function handleClick() { group.add(); console.log(group); }

 <button>Add new object</button>