如何在 JavaScript 中从变量值创建对象属性?

javascriptfront end technologyobject oriented programming

JS 有 2 种创建对象属性的符号,点符号和括号符号。

要从变量创建对象属性,需要使用括号符号,如下所示 −

示例

const obj = {a: 'foo'}
const prop = 'bar'
// 使用变量名 prop 设置属性 bar
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'
}

相关文章