동적으로 할당된 문자열 키를 사용하여 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!