如何在 JavaScript 中使用變數動態分配物件鍵？

使用變數進行JavaScript 物件鍵指派

建立JavaScript 物件並將其儲存在陣列中時，您可能會遇到物件鍵的問題設定為“key”而不是分配給變數的所需值。本文透過解釋如何使用變數動態設定物件鍵來提供此問題的解決方案。

使用.表示法不允許動態鍵分配：

var key = "happyCount";
myArray.push({ key: someValueArray });

要實現此目的，請修改代碼：

var key = "happyCount";
var obj = {};

obj[key] = someValueArray;
myArray.push(obj);

此程式碼首先建立一個空對象obj。然後，使用方括號表示法，將變數 key 指定為鍵，將 someValueArray 指定為值。這允許從變數進行動態鍵分配。

ES6 計算屬性名稱

ECMAScript 2015 (ES6) 引入了計算屬性名稱，它提供了更簡潔的語法：

const yourKeyVariable = "happyCount";
const someValueArray= [...];

const obj = {
    [yourKeyVariable]: someValueArray,
}

此程式碼利用物件文字表示法中的方括號來動態計算物件屬性的名稱yourKeyVariable。

此解決方案提供了一種使用變數分配物件鍵的靈活方法，使您能夠使用不同的鍵動態填充物件。

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