자바스크립트에서 객체의 속성에 접근하는 방법을 알아보겠습니다.

점 표기법 (Dot Notation)

가장 일반적인 방법은 점 표기법이다. 이 방법은 객체의 속성을 사용할 때 . 뒤에 속성 이름을 쓰는 것이다.

const person = {
  name: 'John',
  age: 30
};

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

위의 예시에서 person 객체의 name과 age 속성에 각각 접근하고 있다.

대괄호 표기법 (Bracket Notation)

만약 특정 변수에 저장된 속성명을 사용해야 한다면 대괄호 표기법을 사용한다.

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

propertyName 변수에 저장된 속성명을 사용하여 person 객체의 name 속성에 접근하고 있다.

객체의 중첩된 속성에 접근하기

객체 내부에 중첩된 속성에 접근하려면 점 표기법 또는 대괄호 표기법을 사용하여 계속 접근하면 된다.

const user = {
  name: 'Alice',
  address: {
    city: 'New York',
    zip: '10001'
  }
};

console.log(user.address.city); // New York
console.log(user['address']['zip']); // 10001

객체의 중첩된 속성에 접근할 때 위와 같은 방법을 사용할 수 있다.

이렇게 자바스크립트에서 객체의 속성에 접근하는 방법을 사용하여 다양한 작업을 수행할 수 있다.

더 많은 정보는 MDN web docs를 참고하세요.