変数をキーとして使用して JavaScript オブジェクトにプロパティを追加しますか?

Question

<p>jQuery を使用して DOM から項目を抽出しており、DOM 要素の <code>id</code> を使用してオブジェクトのプロパティを設定したいと考えています。 </p>

例

<pre class="brush:js;toolbar:false;">const obj = {} jQuery(itemsFromDom).each(function() { const要素 = jQuery(this) const name = element.attr('id') const 値 = element.attr('値') //ここが問題です obj.name = 値 }) </pre> <p><code>itemsFromDom</code> に <code>id</code> が「myId」である要素が含まれている場合、<code>obj</code> には「myId」という名前の要素が必要です。 " "プロパティ。上記のコードにより、<code>name</code> が得られます。 </p> <p>JavaScript を使用して変数を使用してオブジェクトのプロパティに名前を付けるにはどうすればよいですか? </p>

Answer 1

ECMAScript 2015 では、オブジェクト宣言で直接角括弧表記を使用できます。 リーリー

ここで、

key は、値を返す任意のタイプの式 (変数など) です: リーリー

Answer 2

同等の構文を使用できます:

リーリー ＃＃＃＃＃＃例＃＃＃：＃＃＃ リーリー

または ES6 機能を使用します: リーリー どちらの例でも、

console.log(obj)

は次を返します:

{ the_key: 'the_value' }