Quiero actualizar un objeto de una matriz. Este es mi código de trabajo actual que está actualizando el objeto dentro de la matriz
var equipment = this.equipments.find((e) => e.id === this.currentItem.id); // this property is getting updated successfully in the array equipment.countryId = this.currentItem.countryId;Pero tengo muchas propiedades en ese objeto, así que traté de usar el operador de propagación para copiar completamente el objeto al objeto existente como este
var equipment = this.equipments.find((e) => e.id === this.currentItem.id); equipment = { ...equipment, ...this.currentItem };Pero esto no funciona. No actualiza el objeto en la matriz.
¿Podría deberse a que el operador de propagación crea totalmente un nuevo objeto y no actualiza el objeto existente?
¿Hay alguna forma, si no es un operador de distribución, de actualizar todas las propiedades del objeto con los nuevos valores sin necesidad de escribirlo explícitamente para todas las propiedades?
¿Podría deberse a que el operador de propagación crea totalmente un nuevo objeto y no actualiza el objeto existente?
Sí, debe devolver una nueva matriz y reemplazar un elemento, se puede hacer usando array.map :
this.equipments = this.equipments.map(equipment => { if(equipment.id === this.currentItem.id){ return { ...equipment, ...this.currentItem }; } return equipment; });Una forma de mutar su objeto es usar Object.assign() así:
var equipment = this.equipments.find((e) => e.id === this.currentItem.id); Object.assign(equipment, this.currentItem);