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

JavaScript 객체의 동적 키 할당

원래 질문은 원하는 키가 변수에 저장되는 JavaScript에서 객체를 생성할 때 직면하는 일반적인 문제를 강조합니다. 개체 리터럴 내에서 직접 변수를 키로 사용하면 키가 원하는 변수 값 대신 "키"로 설정됩니다.

이 문제를 해결하기 위해 제공된 솔루션에서는 먼저 개체를 만든 다음 다음을 사용하는 것이 좋습니다. 키를 동적으로 설정하는 대괄호 표기법. 변수 이름을 대괄호 안에 배치하면 JavaScript는 이를 계산된 속성으로 해석하여 변수 값을 키로 동적으로 할당합니다.

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

이 접근 방식에서는 객체 obj가 빈 키로 생성됩니다. 그런 다음 변수 key가 계산된 속성으로 사용되어 키를 원하는 값으로 설정합니다. 마지막으로 객체가 배열에 푸시됩니다.

ES6에 도입된 대체 방법은 계산된 속성 이름을 사용하는 것입니다. 이 기능을 사용하면 대괄호 구문을 사용하여 개체의 속성 이름을 동적으로 계산할 수 있습니다.

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

const obj = {
    [yourKeyVariable]: someValueArray,
}

이 코드에서 obj 개체는 yourKeyVariable 변수가 키를 결정하는 계산된 속성 이름으로 생성됩니다. 이 접근 방식은 JavaScript에서 개체 키를 동적으로 설정하는 간결하고 유연한 방법을 제공합니다.

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