如何使用變數的動態鍵來建立 JavaScript 物件？

使用動態鍵建立物件

為了存取和解析 Node.js 中的 DOM 元素，通常使用 Cheerio。問題在於如何動態建立具有從變數派生的鍵和值的物件。

傳統上，在JavaScript（ES6 之前）中，使用動態鍵建立物件需要括號表示法：

var obj = {};
obj[myKey] = value;

在提供的場景中，這可以實現為：

stuff = function (thing, callback) {
  var inputs  = $('div.quantity > input').map(function(){
    var key   = this.attr('name')
     ,  value = this.attr('value')
     ,  ret   = {};

     ret[key] = value;
     return ret;
  }) 

  callback(null, inputs);
}

但是，隨著ES6的出現，計算鍵可以用於物件初始值設定項，提供更簡潔的語法：

var obj = {
  [myKey]: value,
}

將其應用於手頭的問題會產生：

stuff = function (thing, callback) {
  var inputs  = $('div.quantity > input').map(function(){
    return {
      [this.attr('name')]: this.attr('value'),
    };
  }) 

  callback(null, inputs);
}

請注意，使用計算鍵需要轉譯器，例如Babel 或Google 的Traceur 用於瀏覽器相容性。

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