변수의 동적 키를 사용하여 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!