首頁 > web前端 > js教程 > 如何使用動態鍵建立 JavaScript 物件?

如何使用動態鍵建立 JavaScript 物件?

Mary-Kate Olsen
發布: 2024-12-07 22:05:17
原創
138 人瀏覽過

How Can I Create JavaScript Objects with Dynamic Keys?

使用動態鍵建立物件

在 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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板