JavaScript에서 변수를 사용하여 객체 키를 동적으로 설정하려면 어떻게 해야 합니까?

JavaScript에서 변수를 사용하여 객체 키 설정

JavaScript에서 객체를 생성할 때 변수를 사용하여 동적으로 키 값을 설정하고 싶은 상황이 발생할 수 있습니다. 그러나 일반적인 개체 초기화 구문을 따르면 키가 의도한 값이 아닌 변수 이름으로 설정되는 것을 확인할 수 있습니다.

문제 설명

다음 코드 조각에서는 문제를 보여줍니다.

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

이 작업 후 myArray를 검사하면 각 객체의 키가 키에 저장된 의도한 값이 아니라 "키"임을 알 수 있습니다. 변수.

해결책: 객체를 먼저 생성

이 문제를 해결하려면 대괄호 표기법 []을 사용하여 키를 설정하기 전에 객체를 생성하십시오. 이 구문을 사용하면 변수에서 키 값을 동적으로 설정할 수 있습니다.

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

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

이제 생성된 객체에는 키 변수의 값으로 설정된 키가 있습니다.

ECMAScript 2015 Computed 속성 이름

ECMAScript 2015(ES6)에서는 속성 정의에 더 많은 유연성을 제공하는 기능인 계산된 속성 이름을 도입했습니다. 객체 키를 동적으로. 이 구문은 대괄호 []를 사용하여 유효한 JavaScript 표현식이 될 수 있는 속성 이름을 묶습니다.

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

const obj = {
    [yourKeyVariable]: someValueArray,
};

이 코드는 이전 솔루션과 동일한 결과를 얻지만 계산된 속성 이름 구문을 사용합니다. 더욱 간결하고 표현력이 좋아졌습니다.

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