var groups = new Truck([ {id: num, content: `Truck ${num}`} ]); En un constructor, estoy tratando de incrementar todo el objeto dentro de una matriz con un clic de botón. También quiero aumentar el Number(num) de la id y el content . Y, quiero usar un botón para todo este proceso, cuando hago clic en un botón, una matriz debe agregar un objeto más dentro de sí mismo junto con el número incrementado, así:
var groups = new Truck([ {id: 1, content: `Truck 1`}, {id: 2, content: `Truck 2`}, {id: 3, content: `Truck 3`}, {id: 4, content: `Truck 4`} ]);Use el constructor de clases para declarar una identificación y una matriz.
Declare un método add que crea un nuevo objeto basado en la identificación actual, lo inserta en la matriz y luego incrementa la identificación.
Cree una instancia de Truck .
Cree un botón y adjunte un oyente que llame a una función que llame a add en la instancia y luego lo registre.
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>