Javascript對象的解構/操作

Question

假設我有以下對象：

const original = {
  first: 1,
  second: 2,
  third: 3
}

我想用以下結構創建一個新的，獨特的對象：

const modified = {
  first: 100,
  third: 3
}

ES6語法使我可以執行一些非常強大的操作，例如：

const {second, ...newElement} = original

結果是：

const newElement = {
  first: 1,
  third: 3
}

但是我仍然必須做newElement.first = 100 。

或者，我可以這樣做：

const newElement2 = Object.assign({}, original , {second: undefined, first: 100})

但是這並沒有真正刪除second ，它只是將其設置為undefined 。

---

從original到modified還有其他更優雅的選擇嗎？

Answer 1

首先創建一個更新的對象first: 100使用對象傳播 first: 100 ，然后使用對象rest對其進行解構。

注意： 對象剩余/擴展是ECMAScript的第4階段建議，而不是ES6的一部分。

 const original = { first: 1, second: 2, third: 3 } const { second, ...newElement } = { ...original, first: 100 }; console.log(newElement);