동적 키를 사용하여 JavaScript 개체를 어떻게 만들 수 있나요?

동적 키를 사용하여 객체 생성

JavaScript에서 객체 리터럴의 키는 일반적으로 정적 문자열입니다. 그러나 입력 데이터를 기반으로 개체에 키를 동적으로 할당해야 하는 경우가 있습니다.

이 시나리오에서 사용자는 동적으로 결정되는 키와 값을 사용하여 개체를 생성해야 하는 함수를 가지고 있습니다. 그러나 단순히 .map 함수를 사용하면 동일한 키 이름을 가진 객체 배열이 생성됩니다.

해결책 1: 계산된 키(ES2015)

최근 소개된 ES2015 표준에서는 계산된 키를 사용하여 객체를 생성할 수 있습니다. 이 구문을 사용하면 객체 리터럴의 키를 변수나 표현식으로 동적으로 지정할 수 있습니다.

stuff = function (thing, callback) {
  var inputs = $('div.quantity > input').map(function () {
    return {
      [this.attr('name')]: this.attr('value'),
    };
  });

  callback(null, inputs);
};

해결책 2: 대괄호 표기법(ES5 이하)

이전 버전의 JavaScript(ES5 이하)에서는 대괄호 표기법을 사용하여 동적 키를 할당할 수 있습니다. 여기에는 키를 대괄호 안의 문자열로 정의하는 작업이 포함됩니다.

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의 입력 데이터를 기반으로 개체 키를 동적으로 생성하여 키가 원하는 값과 일치하도록 할 수 있습니다.

위 내용은 동적 키를 사용하여 JavaScript 개체를 어떻게 만들 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!