如何使用動態分配的字串鍵建立 JavaScript 物件？

在物件中利用動態屬性

在 JavaScript 中建立具有可變屬性的物件有時會帶來挑戰。在此背景下，我們將深入研究將字串指派為物件鍵的技術，為最新的 ES2015 標準和早期 JavaScript 版本提供解決方案。

ES2015 (ES6) 解

1。計算屬性：

ES2015 引入了計算屬性的概念，可以使用動態計算的鍵創建物件：

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。

ES2015 之前的解決方案

2.括號表示法：

ES5及更早版本需要使用括號表示法來分配動態鍵：

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

在本例中：

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 物件？的詳細內容。更多資訊請關注PHP中文網其他相關文章！