如何删除 object 属性并分配新变量？

Question

I've issue when take object and use.map() to delete a property from it and assign it to a new variable, actually it's working but also is removing the property from the obj products which I don't want.

filteredProduct;

calcShipPrice() {
  this.checkoutForm.patchValue({
  product: this.products,
  delivery: this.selectedDelivery,
  total: this.totalPrice
});
// remove two properties from the obj and submit just name and price of product
this.filteredProduct = this.products.map(res => delete res.image && delete res.description);
console.log(this.products);
}

Thank you!

Answer 1

Try this -

this.filteredProduct = this.products.map((product) => { return {
name: res.name, price: res.price
}});
console.log('this.filteredProduct', this.filteredProduct);

Answer 2

Two ways by using destructuring, is you have lots of properties this.filteredProduct = this.products.map(({image, description,... rest}) => rest);

Or if is just a few properties this.filteredProduct = this.products.map(({name, price}) => ({name, price}));