如何在 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+ 浏览量

开启您的职业生涯

完成课程，获得认证

开始