如何在 JavaScript 中使用變數動態設定物件鍵？

在 JavaScript 中使用變數設定物件鍵

在 JavaScript 中，建構物件時，您可能會遇到想要使用變數動態設定鍵值的情況。但是，透過簡單地遵循常見的物件初始化語法，您將觀察到鍵設定為變數的名稱而不是預期值。

問題描述

以下程式碼片段說明了該問題：

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

此操作後檢查 myArray會發現每個物件的鍵是“key”，而不是鍵中儲存的預期值

解決方案：首先建立物件

要解決此問題，請在使用括號符號[]設定鍵之前建立物件。此語法允許您從變數動態設定鍵的值。

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

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

現在，建立的物件將把鍵設定為鍵變數的值。

ECMAScript 2015 計算屬性名稱

ECMAScript 2015 (ES6) 引入了計算屬性名稱，該功能允許在定義物件時更加靈活動態按鍵。此語法使用方括號 [] 括住屬性名稱，屬性名稱可以是任何有效的 JavaScript 運算式。

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

const obj = {
    [yourKeyVariable]: someValueArray,
};

此程式碼實現與前面的解決方案相同的結果，但使用計算屬性名稱語法，即更加簡潔和富有表現力。

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