使用動態鍵建立物件
在 JavaScript 中,物件文字中的鍵通常是靜態字串。但是,有時您可能需要根據輸入資料動態地將鍵指派給物件。
在這種情況下,使用者有一個函數需要建立一個具有動態決定的鍵和值的物件。然而,簡單地使用 .map 函數會產生具有相同鍵名的物件陣列。
解決方案 1:計算鍵 (ES2015)
在最近介紹的ES2015 標準,可以使用計算鍵建立物件。使用此語法,可以將物件字面量中的鍵動態指定為變數或表達式。
stuff = function (thing, callback) { var inputs = $('div.quantity > input').map(function () { return { [this.attr('name')]: this.attr('value'), }; }); callback(null, inputs); };
解決方案2:括號表示法(ES5 及以下版本)
在早期版本的JavaScript(ES5 及更低版本)中,可以使用括號表示法分配動態鍵。這涉及將鍵定義為方括號內的字串。
stuff = function (thing, callback) { var inputs = $('div.quantity > input').map(function () { var key = this.attr('name'); var value = this.attr('value'); var ret = {}; ret[key] = value; return ret; }); callback(null, inputs); };
透過使用這些技術中的任何一種,您可以根據 JavaScript 中的輸入資料動態建立物件鍵,確保鍵與所需值相符。
以上是如何使用動態鍵建立 JavaScript 物件?的詳細內容。更多資訊請關注PHP中文網其他相關文章!