如何在 JavaScript 中動態存取物件屬性？

使用變數動態存取屬性

在 JavaScript 中，通常需要使用變數來存取屬性，而不是硬編碼屬性名稱。雖然 JavaScript 物件文字通常允許將屬性名稱定義為字串，但直接使用變數作為屬性名稱有長期的限制。然而，隨著 ES6 的引入，這個限制被解除了。

使用計算屬性名稱 (ES6)

ES6 引入了計算屬性名稱的概念，這使得使用表達式動態設定屬性名稱。要使用此功能，只需將變數括在方括號內作為物件文字中的屬性名稱：

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

使用動態屬性存取（ES6 之前）

在ES6 之前，無法直接在物件字面量中使用變數設定屬性名稱。但是，有一種解決方法，涉及首先建立對象，然後動態分配屬性：

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

這種方法允許與計算屬性名稱相同的功能，但需要事先建立物件的額外步驟。

結論

使用變數設定屬性名稱的能力大大增強了 JavaScript 物件的靈活性和動態特性。透過利用 ES6 中的計算屬性名稱或 ES6 之前的動態屬性訪問，開發人員可以根據運行時值輕鬆建立和修改物件。

以上是如何在 JavaScript 中動態存取物件屬性？的詳細內容。更多資訊請關注PHP中文網其他相關文章！