[javascript] 객체의 동적 프로퍼티를 참조하는 방법

자바스크립트에서는 객체에 동적으로 프로퍼티를 추가할 수 있습니다. 이러한 동적 프로퍼티를 참조하는 방법에 대해 알아보겠습니다.

동적 프로퍼티란?

동적 프로퍼티는 객체가 생성된 이후에 추가되는 프로퍼티를 말합니다. 객체의 프로퍼티는 동적으로 추가, 수정 또는 삭제할 수 있으며, 이를 활용하면 객체의 동적인 상황에 따라 프로퍼티를 유연하게 다룰 수 있습니다.

객체 동적 프로퍼티 참조하기

이제 객체의 동적 프로퍼티를 참조하는 방법에 대해 살펴보겠습니다.

const person = {};
person.name = "John";  // 동적 프로퍼티 추가
console.log(person.name);  // "John" 출력

위 예제에서는 person 객체에 name 프로퍼티를 동적으로 추가하고, 이를 참조하여 값을 출력하는 방법을 보여줍니다.

동적 프로퍼티는 객체에 존재하지 않는 프로퍼티에 접근해야 하는 경우에 유용하게 활용될 수 있습니다.

최신 ECMAScript 문법 활용

최신 ECMAScript 표준에서는 객체 프로퍼티 동적 추가를 위해 Object.defineProperty 또는 계산된 프로퍼티 이름을 통한 추가 방법도 지원하고 있습니다. 이를 통해 보다 유연하고 강력한 객체 다루기를 구현할 수 있습니다.

결론

동적 프로퍼티는 자바스크립트의 객체를 유연하게 다루는 데에 있어 매우 유용합니다. 객체에 동적으로 프로퍼티를 추가하고 참조하는 방법을 학습하여, 프로그래밍 상황에 따라 객체를 유연하게 다룰 수 있도록 해봅시다.

참고문헌: MDN web docs - Working with Objects