変数から動的キーを使用して 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 中国語 Web サイトの他の関連記事を参照してください。