JavaScript에서 객체에 프로퍼티를 동적으로 추가하고자 할 때, 프로퍼티 이름을 변수로 사용하는 방법이 많이 활용됩니다. 이를 통해 코드의 유연성을 높일 수 있습니다. 이번 글에서는 이러한 방법에 대해 알아보겠습니다.

프로퍼티 이름을 변수로 사용하여 프로퍼티 동적 추가

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

// 프로퍼티 이름을 변수로 지정
let propertyName = 'name';

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

console.log(person.name); // 출력: 'John Doe'

위 예제에서는 propertyName 변수를 사용하여 person 객체에 name 프로퍼티를 동적으로 추가하였습니다. 이처럼 프로퍼티 이름을 변수로 사용하여 객체에 동적으로 프로퍼티를 추가할 수 있습니다.

객체 리터럴 내에서 프로퍼티 동적 추가

객체 리터럴 내에서도 프로퍼티 이름을 변수로 사용하여 동적으로 추가할 수 있습니다.

let dynamicKey = 'age';

let person = {
  name: 'John Doe',
  [dynamicKey]: 30
};

console.log(person.age); // 출력: 30

위의 예제에서 [dynamicKey]를 사용하여 동적으로 프로퍼티를 추가하였습니다.

결론

JavaScript에서 프로퍼티 이름을 변수로 사용하여 동적으로 추가하는 방법에 대해 알아보았습니다. 이러한 방법을 사용하면 프로그램의 유연성을 높일 수 있으며, 코드를 보다 동적으로 다룰 수 있습니다.

참고문헌:

• MDN Web Docs: Computed property names