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

javascriptfront end technologyobject oriented programming更新于 2024/5/18 23:40:17

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'
}