변수를 사용하여 JavaScript에서 개체 키를 동적으로 할당하는 방법은 무엇입니까?

변수를 이용한 JavaScript 객체 키 할당

JavaScript 객체를 생성하여 배열에 저장할 때 객체 키가 변수에 할당된 원하는 값 대신 "키"로 설정됩니다. 이 문서에서는 변수를 사용하여 개체 키를 동적으로 설정하는 방법을 설명하여 이 문제에 대한 솔루션을 제공합니다.

. 표기법은 동적 키 할당을 허용하지 않습니다.

var key = "happyCount";
myArray.push({ key: someValueArray });

이를 달성하려면 코드를 수정하세요.

var key = "happyCount";
var obj = {};

obj[key] = someValueArray;
myArray.push(obj);

이 코드는 먼저 빈 개체 obj를 생성합니다. 그런 다음 대괄호 표기법을 사용하여 변수 key를 키로 할당하고 someValueArray를 값으로 할당합니다. 이를 통해 변수에서 동적 키 할당이 가능해졌습니다.

ES6 계산 속성 이름

ECMAScript 2015(ES6)에서는 더 간결한 구문을 제공하는 계산 속성 이름을 도입했습니다.

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

const obj = {
    [yourKeyVariable]: someValueArray,
}

이 코드는 객체 리터럴 표기법 내에서 대괄호를 활용하여 객체를 동적으로 계산합니다. yourKeyVariable의 속성 이름.

이 솔루션은 변수를 사용하여 객체 키를 할당하는 유연한 방법을 제공하므로 다양한 키로 객체를 동적으로 채울 수 있습니다.

위 내용은 변수를 사용하여 JavaScript에서 개체 키를 동적으로 할당하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!