javascript - 如何动态地将现有对象的值添加到新对象？

Question

目前，我有一个空的新对象，我想将现有对象中的值填充到新对象，因为我想使用仅具有现有对象中有限属性的对象(例如，我只想要四个属性而不是八个属性) )。

到目前为止，我是如何进行映射的:

  const newObject: any = {};
  for (let i = 0; i < this.PRODUCT_DATA.length; i++) {

       newObject._productSkuKey = this.PRODUCT_DATA[i]._productSkuKey;
       newObject._storeKey = this.itemPriceForm.get('location').value;
       newObject._price = this.PRODUCT_DATA[i]._price;
       newObject._status = this.PRODUCT_DATA[i]._isActive;
       this.updatedProducts.push(newObject);
    }

到目前为止，它看起来是将现有对象的值存储到 newObject 中。但是，它仅保存最后的对象值，而不保存与对象不同的值。如何修复此问题以保存所有值(而不仅仅是数组中每个对象的最后一个值)？

Answer 1

在插入数组之前，您需要复制该内容

const newObject: any = {};
for (let i = 0; i < this.PRODUCT_DATA.length; i++) {

   newObject._productSkuKey = this.PRODUCT_DATA[i]._productSkuKey;
   newObject._storeKey = this.itemPriceForm.get('location').value;
   newObject._price = this.PRODUCT_DATA[i]._price;
   newObject._status = this.PRODUCT_DATA[i]._isActive;
   this.updatedProducts.push(Object.assign({}, newObject));
   // Or
   // this.updatedProducts.push({ ...newObjec });
}

或者简单地在循环内创建对象。我喜欢用Array.prototype.forEach和Array.prototype.map

this.updatedProducts = this.PRODUCT_DATA.map(({_productSkuKey, _price, _isActive})=> ({
        _productSkuKey,
        _storeKey: this.itemPriceForm.get('location').value,
        _price,
        _status: _isActive
   });