如何在 JavaScript 中從變數值建立物件屬性？

JS 有用於建立物件屬性的 2 種符號，點符號和方括號符號。

要從變數建立物件屬性，你需要按照以下方式使用方括號符號 −

例

const obj = {a: 'foo'}
const prop = 'bar'
// Set the property bar using the variable name prop
obj[prop] = 'baz'
console.log(obj);

輸出

這將給出以下輸出 −

{
   a: 'foo',
   bar: 'baz'
}

ES6 引入了計算屬性名稱，它允許你進行 −

例

const prop = 'bar'
const obj = {
   // Use a as key
   a: 'foo',
   // Use the value of prop as key
   [prop]: 'baz'
}
console.log(obj);

輸出

這將給出以下輸出 −

{
   a: 'foo',
   bar: 'baz'
}

阿尤什·古普塔

更新於:2019 年 11 月 27 日

9K+ 瀏覽量

開啟您的職業生涯

完成課程，獲得認證

開始