JavaScript에서 객체를 초기화할 때 동적 속성 이름을 어떻게 사용할 수 있습니까?

객체 초기화의 동적 속성 이름

리터럴이 아닌 키 이름을 사용하여 객체를 초기화할 때 문제가 발생할 수 있습니다. 예를 들어 다음 코드는 예상되는 ':' 문자에 대한 오류 메시지와 함께 실패합니다.

var KEYS = {} ;

KEYS.PHONE_TYPE = 'phone-type';
KEYS.AGENT_TYPE = 'agent-type';

var myAppConfig = {
    ...
    iconMap : { 
        KEYS.PHONE_TYPE : 'icon-phone', 
        KEYS.AGENT_TYPE : 'icon-headphones'
    };
    ...
};

Solution for ES6

ES6 구문 사용, 동적 속성 이름 대괄호를 사용하여 만들 수 있습니다. 업데이트된 코드는 다음과 같습니다.

iconMap : { 
    [KEYS.PHONE_TYPE] : 'icon-phone', 
    [KEYS.AGENT_TYPE] : 'icon-headphones'
};

이 접근 방식을 사용하면 원하는 속성 이름을 대괄호로 묶어 동적 속성 이름을 가진 객체를 생성할 수 있습니다.

위 내용은 JavaScript에서 객체를 초기화할 때 동적 속성 이름을 어떻게 사용할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!