변수를 키로 사용하여 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 이름 = element.attr('id') const 값 = element.attr('값') //여기서 문제가 발생합니다 obj.name = 값 }) </pre> <p><code>itemsFromDom</code>에 <code>id</code>가 "myId"인 요소가 포함되어 있으면 "myId"라는 요소가 있어야 합니다. " "속성. 위의 코드는 <code>name</code>를 제공합니다. </p> <p>JavaScript를 사용하여 변수를 사용하여 개체의 속성에 이름을 지정하는 방법은 무엇입니까? </p>

Answer 1

ECMAScript 2015을 사용하면 객체 선언에 대괄호 표기법을 직접 사용할 수 있습니다.

으아악

여기서 key는 값을 반환하는 모든 유형의 표현식(예: 변수)일 수 있습니다.

으아악

Answer 2

동등한 구문을 사용할 수 있습니다:

으아아아

예:

으아아아

또는 ES6 기능을 사용하세요:

으아아아

두 예 모두에서 console.log(obj)将返回：{ the_key: 'the_value' }