動的に割り当てられた文字列キーを使用して 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 中国語 Web サイトの他の関連記事を参照してください。