자바스크립트에서 객체에 동적으로 프로퍼티를 추가하고, 해당 프로퍼티에 접근하는 방법에 대해 알아보겠습니다.

프로퍼티 동적 추가

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

person[propertyName] = propertyValue;
console.log(person.name); // John

위 예제에서, person 객체에 name 프로퍼티가 동적으로 추가되었습니다.

동적 프로퍼티에 접근

1. 닷 표기법

console.log(person.name); // John

1. 브라켓 표기법

console.log(person['name']); // John
const dynamicPropertyName = 'name';
console.log(person[dynamicPropertyName]); // John

1. for…in 루프

for (const key in person) {
  console.log(`${key}: ${person[key]}`);
}

위 예제는 for...in 루프를 사용하여 객체의 모든 프로퍼티에 동적으로 접근하는 방법을 보여줍니다.

동적으로 생성된 프로퍼티에 접근하는 방법을 통해 유연하게 객체를 다룰 수 있습니다.

결론

자바스크립트에서는 객체의 프로퍼티에 동적으로 접근하는 여러 가지 방법을 제공합니다. 프로퍼티를 동적으로 추가하고, 가져오는 방법을 알고 있으면 유용하게 활용할 수 있습니다.

참고 자료: MDN Web Docs - Working with Objects

위에서 명시한 모든 코드 조각은 JavaScript를 기반으로 합니다.