如何在 JavaScript 对象文字中使用动态属性名称？

JavaScript 对象文字中的动态属性名称

在 JavaScript 中，通常使用点表示法或方括号表示法来访问对象属性。虽然前者仅接受字符串文字作为属性名称，但后者提供了更高的灵活性。

动态属性名称的括号表示法

括号表示法允许在对象文字中使用变量作为属性名称。这是通过计算属性名称来实现的，这是 ES6 中引入的一项功能。

<code class="javascript">const myVar = "name";
const myObject = {
  [myVar]: "value"
};</code>

在上面的示例中，myVar 使用方括号用作对象文字中的属性名称。这相当于使用以下传统方法：

<code class="javascript">const myObject = {
  name: "value"
};</code>

对象文字的限制

需要注意的是，计算属性名称不能在对象文字本身中使用。要动态定义对象文字的属性名称，必须首先创建该对象，然后可以使用括号表示法分配各个属性。

<code class="javascript">const myObject = {};
const myVar = "name";
myObject[myVar] = "value";</code>

这允许更好地控制对象内的属性名称。

以上是如何在 JavaScript 对象文字中使用动态属性名称？的详细内容。更多信息请关注PHP中文网其他相关文章！