如何在 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中文網其他相關文章！