참고: 이웅모 《모던 자바스크립트 Deep Dive》 10장

한 줄 요약

객체는 키-값 프로퍼티의 집합이고, 객체 리터럴 {}로 가장 흔히 만든다. 프로퍼티는 나중에 추가·수정·삭제할 수 있다.

핵심 개념

• 객체 생성: 리터럴이 가장 흔함
• 프로퍼티: 키(문자열/심벌) + 값. 함수면 메서드에 가깝게 부름
• 접근: 점 표기 obj.a / 대괄호 obj['a'] (키에 변수·특수문자일 때)
• 동적 생성·삭제: obj.newKey = 1, delete obj.newKey
• 축약: 변수명 프로퍼티 축약, 메서드 축약, 계산된 키 [expr]

내가 이해한 동작 원리

리터럴을 평가하면 객체가 메모리에 생기고, 변수는 그 객체를 가리킨다. 존재하지 않는 키를 읽으면 undefined다.

키가 식별자 규칙에 맞으면 점 표기가 편하고, 런타임에 키 이름이 정해지면 대괄호가 필수다.

짧은 예제 코드

const name = 'minsub';
const user = {
  name,
  age: 29,
  ['is' + 'Admin']: false,
  greet() {
    return `hi, ${this.name}`;
  },
};

user.city = 'Seoul';
delete user.isAdmin;
console.log(user.greet());

헷갈리기 쉬운 포인트 / 함정

• obj[a] vs obj.a — 전자는 변수 a의 값으로 키를 찾는다.
• delete는 프로퍼티를 제거할 뿐, 변수를 없애지 않는다.
• 빈 객체 {}는 truthy.

다음 장으로 이어지는 한 줄

객체와 원리가 어떻게 다른지, 원시 값 vs 객체를 비교한다.