11.2.3 객체 속성 동적으로 추가하기

객체 속성에 키로 접근해 값을 재할당하면 기존 속성값을 변경할 수 있습니다. 그런데 해당 키가 객체에 없다면 즉, 객체에 없는 속성이라면 해당 키와 값으로 구성된 새로운 속성이 객체에 추가됩니다.

예를 들어 살펴봅시다. 먼저 객체 리터럴 방식으로 빈 객체를 생성하고 변수에 할당합니다. 그리고 객체의 속성에 접근해 값을 변경할 때처럼 키에 값을 할당합니다. person 객체를 출력해 보면 처음에는 빈 객체였는데, 나중에 name 속성이 추가된 것을 볼 수 있습니다. 이처럼 객체 속성에 값을 할당해 접근하면 해당 속성이 존재하는지 확인하고, 없는 속성이면 해당 키와 값으로 구성된 새로운 속성을 객체에 추가합니다.

const person = {};
console.log(person); // {}
person.name = "Hong Gildong"; 
console.log(person); // { name: 'Hong Gildong' }