如何在 JavaScript 物件中動態建立鍵？

在JavaScript 物件中建立動態鍵

嘗試為JavaScript 物件建立動態鍵時，使用者在使用點表示法時可能會遇到到問題。本文解決了這項挑戰，並探討了使用方括號的替代方法。

方括號方法

要使用方括號建立動態金鑰，請遵循以下語法：

jsObj['key' + i] = 'example' + 1;

此方法透過將屬性名稱視為計算字串進行操作，允許動態分配鍵。

理解陣列和物件屬性

JavaScript 中的陣列表現出有關數字屬性名稱的特殊行為。數組的長度屬性反映了最大數字屬性值。在陣列上設定數字屬性時，長度屬性會隨之更新。

相反，普通物件不會表現出此行為。在物件上設定數字屬性不會影響其長度屬性。

優點和注意事項

使用方括號具有以下優點鍵：

• 允許在物件中建立動態鍵。
• 保持長度的完整性數組中的屬性。

但是，請考慮陣列序列化的潛在影響。序列化為 JSON 的陣列實例僅包含數字命名的屬性。如果新增其他屬性，它們可能會在序列化時遺失。

ES2015 計算屬性名稱

ES2015 引入了計算屬性名稱，為創建動態鍵提供了一個優雅的解決方案：

var key = 'DYNAMIC_KEY',
    obj = {
        [key]: 'ES6!'
    };

這種方法允許在不明確建構字串的情況下分配動態鍵連接。

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