자바스크립트에서 객체에 프로퍼티를 동적으로 추가하는 방법은 매우 간단합니다. 이 기능은 동적으로 데이터를 관리하거나 새로운 프로퍼티를 필요에 따라 추가해야 할 때 유용합니다.

1. 단일 객체에 프로퍼티 추가

자바스크립트에서 단일 객체에 프로퍼티를 동적으로 추가하는 방법은 다음과 같습니다.

const person = {};
const propertyName = 'name';
const propertyValue = 'John';

person[propertyName] = propertyValue;

2. 다중 객체에 프로퍼티 추가

여러 객체에 동일한 프로퍼티를 추가해야 하는 경우, 반복문을 사용하여 여러 객체에 프로퍼티를 동적으로 추가할 수 있습니다. 아래 예제는 배열에 있는 각 객체에 “age” 프로퍼티를 추가하는 방법을 보여줍니다.

const people = [
  { name: 'Alice' },
  { name: 'Bob' },
  { name: 'Eve' }
];

for (let person of people) {
  person.age = 25;
}

이제 당신은 자바스크립트에서 객체의 프로퍼티를 동적으로 추가하는 방법을 알게 되었습니다. 이 기능을 사용하여 동적으로 데이터를 관리하고 유연한 객체를 생성할 수 있습니다.

참고 자료

• MDN Web Docs - Working with Objects