JavaScript 개체에 속성을 동적으로 추가할 수 있나요?

JavaScript 객체의 동적 속성 추가

이 조사에서는 JavaScript 객체가 처음 시작된 후, 특히 다음과 같은 경우 JavaScript 객체에 속성을 동적으로 추가할 수 있는 가능성을 탐구합니다. 속성 이름은 런타임까지 알 수 없습니다.

초기 개체 구조

다음과 같이 정의된 객체를 생각해 보세요.

var data = {
    'PropertyA': 1,
    'PropertyB': 2,
    'PropertyC': 3
};

동적 속성 추가

더 추가하는 것이 가능한지 의문이 생깁니다. 런타임 중에 이름이 결정되는 이 개체에 대한 속성을 동적으로 지정합니다. 사용자 입력에서 파생된 속성 이름을 저장하는 propName 변수가 있다고 가정합니다. 이 이름을 가진 새 속성을 데이터 개체에 어떻게 추가할 수 있습니까?

해결책

예, 실제로 JavaScript 개체에 속성을 동적으로 추가하는 것이 가능합니다. 이렇게 하려면 대괄호 표기법을 사용하여 이름별로 속성에 액세스할 수 있습니다.

var propName = 'Property' + someUserInput
data[propName] = 4;

속성 이름을 대괄호로 묶으면 속성에 동적으로 액세스하고 설정할 수 있습니다.

예

다음에 제공된 예를 고려하세요. 질문:

var propName = 'Property' + 'Z'
data[propName] = 4;

// dialog box with 4 in it
alert(data.PropertyD);
alert(data["PropertyD"]);

이 예에서는 데이터 개체에 "PropertyZ" 속성을 동적으로 추가합니다. 그런 다음 대괄호 또는 점 표기법을 사용하여 액세스할 수 있습니다.

위 내용은 JavaScript 개체에 속성을 동적으로 추가할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!