如何增加对象的内容及其属性和属性值？

Question

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

在构造函数中，我试图在单击按钮时递增数组内的整个对象。我还想增加id和content的Number(num)。而且，我想在整个过程中使用一个按钮，当我单击一个按钮时，一个数组应该在自身内部再添加一个对象以及递增的数字，如下所示：

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. 使用类构造函数声明一个id和一个数组。

2. 声明一个add 方法，该方法基于当前id 创建一个新对象，将其推入数组，然后递增id。

3. 创建Truck 的实例。

4. 创建一个按钮，并为其附加一个侦听器，该侦听器调用一个函数，该函数调用实例上的add，然后记录它。

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>