[JavaScript] 動態賦值給物件

高橋雄大 — [2020年版] JavaScriptの便利な書き方まとめ

本篇文章屬個人見解，若有錯誤部分，請不吝指教

版本：ECMAScript 2015/ES6

使用情境

1. 假設在網頁上有一個表單，有很多的選項要填寫，填寫完後，要根據選項給「分數物件」加上相對應的名稱及分數。此時為了讓程式碼簡潔，則必須要動態的賦值給物件。此時就必須用Object[key]的方式來賦值。

範例程式碼

let scores = {
  age: 0,
  degree: 0,
}
const selectItem1 = {
  key: 'age',
  score: 50
}
const selectItem2 = {
  key: 'degree',
  score: 30
}
scores[selectItem1.key] = selectItem1.score
scores[selectItem2.key] = selectItem2.score
console.log(scores)
// output: Object { age: 50, degree: 30 }

參考連結

• Computed property names