從多個對象到具有相同屬性名稱的單個 object 的 map 屬性的有效方法

Question

這是我現在如何做的當前方式。 想知道是否有更好的方法，因為實際用例大約有 150 行。 最好使用 map function 或類似的東西。

this.component = {
  item1: 0,
  item2: 2
}

this.otherComponent = {
  item3: 0,
  item4: 2
}
        
this.form = {
  item1: this.component.item1,
  item2: this.component.item2,
  item3: this.otherComponent.item3,
  item4: this.otherComponent.item4,
}

Answer 1

您可能正在尋找使用Object.assign ：

this.form = Object.assign({}, this.component, this.otherComponent);

或 object 擴展語法：

this.form = {...this.component, ...this.otherComponent};

Answer 2

是的當然！

您可以使用(...) 傳播語法

this.component = {
  item1: 0,
  item2: 2
}

this.otherComponent = {
  item3: 0,
  item4: 2
}
        
this.form = { ...this.component, ...this.otherComponent }

例子：

 let component = { item1: 0, item2: 2 } let otherComponent = { item3: 0, item4: 2 } let form = {...component, ...otherComponent} console.log(form)

Answer 3

嘿，您可以做的是將這些對象分散開來：

const a = {
  item1: 0,
  item2: 2
}

const b = {
  item3: 0,
  item4: 2
}
        
const result = {
 ...a,
 ...b
}

這將給出預期的結果