JavaScript에서는 객체에 동적으로 프로퍼티를 추가하거나 생성할 수 있습니다. 이를 통해 프로그램이 실행 중에 필요한 프로퍼티를 추가하고 관리할 수 있습니다.

1. 도트 표기법과 대괄호 표기법

JavaScript에서 객체에 프로퍼티를 추가하는 가장 기본적인 방법은 도트 표기법(.)이나 대괄호 표기법([])을 사용하는 것입니다.

도트 표기법

let obj = {};
obj.propName = 'value';

대괄호 표기법

let obj = {};
obj['propName'] = 'value';

2. 동적으로 프로퍼티 추가하기

JavaScript에서는 동적으로 프로퍼티를 추가할 수 있습니다. 예를 들어, 다음과 같이 사용자 입력이나 다른 조건에 따라 프로퍼티를 추가할 수 있습니다.

let obj = {};
let propertyName = 'dynamicProp';
let propertyValue = 10;
obj[propertyName] = propertyValue;

이 경우 obj 객체에 dynamicProp이라는 프로퍼티가 동적으로 추가됩니다.

3. 프로퍼티 이름 동적으로 생성하기

프로퍼티 이름을 동적으로 생성해야 하는 경우도 있습니다. 예를 들어, 다음과 같이 동적으로 프로퍼티 이름을 생성할 수 있습니다.

let obj = {};
let prefix = 'prop';
let index = 1;
obj[prefix + index] = 'value';

위의 예제에서 obj 객체에 prop1이라는 프로퍼티가 동적으로 생성됩니다.

프로퍼티 이름을 동적으로 생성하고 추가하는 방법을 사용하면 프로그램이 런타임 중에 유연하게 데이터를 처리할 수 있습니다.

프로퍼티 이름 동적으로 생성에 대한 자세한 내용은 공식 MDN 웹 문서를 참고하세요.

이러한 동적 프로퍼티 추가 및 생성 방법은 JavaScript 객체를 유연하게 활용하는 데 도움이 됩니다.

MDN 웹 문서

이러한 동적 프로퍼티 생성 방법을 사용하면 프로그램이 런타임 중에 유연하게 데이터를 처리할 수 있습니다. JavaScript에서 객체의 프로퍼티를 동적으로 생성하고 추가할 수 있는 방법에 대해 알아보았습니다.