자바스크립트에서 객체에 동적으로 프로퍼티를 추가하는 방법은 다양한데, 그 중 가장 일반적인 방법은 점 표기법과 대괄호 표기법을 사용하는 방법입니다.

1. 점 표기법을 사용한 동적 프로퍼티 추가

점 표기법을 사용하여 객체에 동적으로 프로퍼티를 추가할 수 있습니다. 예를 들어, 아래와 같이 객체를 생성하고 점 표기법을 사용하여 동적으로 프로퍼티를 추가할 수 있습니다.

// 객체 생성
let person = {};

// 동적으로 프로퍼티 추가
person.name = 'John';
person.age = 30;

2. 대괄호 표기법을 사용한 동적 프로퍼티 추가

대괄호 표기법을 사용하여 객체에 동적으로 프로퍼티를 추가할 수도 있습니다. 대괄호 표기법을 사용하면 변수를 사용하여 프로퍼티 이름을 동적으로 지정할 수 있습니다.

// 객체 생성
let person = {};

// 동적으로 프로퍼티 추가
let propertyName = 'name';
person[propertyName] = 'John';

propertyName = 'age';
person[propertyName] = 30;

결론

자바스크립트에서 객체에 동적으로 프로퍼티를 추가하는 방법에는 점 표기법과 대괄호 표기법이 있습니다. 각각의 방법을 적절히 활용하여 프로퍼티를 추가할 수 있으며, 대괄호 표기법을 사용하면 변수를 이용하여 동적으로 프로퍼티 이름을 지정할 수 있는 장점이 있습니다.

참고 문헌:

• MDN Web Docs