자바스크립트에서 객체를 활용하다보면 프로퍼티를 동적으로 추가하거나 제거해야 할 때가 있습니다. 이런 경우에는 다양한 상황에 따라 프로퍼티를 유연하게 다룰 수 있어야 합니다.

이번 포스트에서는 자바스크립트 객체의 동적 프로퍼티를 활용하는 간단한 예시를 살펴보겠습니다.

동적 프로퍼티 추가하기

// 빈 객체 생성
let student = {};

// 동적으로 프로퍼티 추가
student.name = 'John';
student.age = 25;
student.grade = 'A';

// 프로퍼티 접근
console.log(student.name);    // 출력: John

위 예시에서 보듯이, 빈 객체를 생성한 뒤 나중에 프로퍼티를 동적으로 추가할 수 있습니다.

동적 프로퍼티 제거하기

// 프로퍼티 제거
delete student.age;

// 프로퍼티 접근
console.log(student.age);    // 출력: undefined

delete 키워드를 사용하여 프로퍼티를 동적으로 제거할 수 있습니다.

반복문을 활용한 동적 프로퍼티 다루기

// 반복문을 통한 동적 프로퍼티 다루기
for (let key in student) {
  console.log(key + ': ' + student[key]);
}

for...in 구문을 사용하여 객체의 모든 프로퍼티를 반복적으로 다룰 수 있습니다.

다음 예시 코드들을 통해 자바스크립트 객체의 동적 프로퍼티 다루기에 대한 기본적인 개념을 익힐 수 있습니다.