JavaScript 객체에 키를 동적으로 할당하려면 어떻게 해야 합니까?

JavaScript 객체의 동적 키 할당

JavaScript 객체를 생성할 때 키를 정적으로 할당하는 것이 아니라 동적으로 할당하는 것이 유용할 수 있습니다. 그러나 단순히 변수를 키 이름으로 사용하면 예기치 않은 동작이 발생하여 대신 "key"가 속성 키가 될 수 있습니다.

해결책 1: 대괄호를 사용한 객체 초기화

객체 키를 동적으로 지정하려면 먼저 빈 객체를 생성한 다음 대괄호([])를 사용하여 키-값을 설정해야 합니다. pair:

var key = "happyCount";
var obj = {};
obj[key] = someValueArray;
myArray.push(obj);

해결책 2: 계산된 속성 이름(ES6)

ES6에서는 객체 리터럴 표기법 내에서 동적 키 할당을 허용하는 계산된 속성 이름을 도입했습니다.

const yourKeyVariable = "happyCount";
const someValueArray= [...];

const obj = {
    [yourKeyVariable]: someValueArray,
}

예시 Fiddle:

실제 데모는 개선된 Fiddle을 참조하세요: https://jsfiddle.net/Fr6eY/4/

위 내용은 JavaScript 객체에 키를 동적으로 할당하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!