JavaScript에서 객체(object)의 속성(property)을 가져오는 방법은 다양합니다. 이 포스트에서는 객체에서 속성을 가져오는 다양한 방법을 살펴보겠습니다.

1. 점 표기법 (Dot notation)

가장 일반적이고 간단한 방법은 점 표기법을 사용하는 것입니다. 아래 예시를 통해 확인할 수 있습니다.

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

const name = person.name;
const age = person.age;

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

2. 대괄호 표기법 (Bracket notation)

만약 속성 이름이 변수에 저장되어 있다면, 대괄호 표기법을 사용하여 동적으로 속성을 가져올 수 있습니다.

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

const name = person[propertyName];

console.log(name); // 'John'

3. 옵셔널 체이닝 (Optional chaining)

옵셔널 체이닝은 ?. 연산자를 사용하여 중첩된 객체의 속성을 안전하게 접근하는 방법입니다.

const person = {
  name: 'John',
  age: 30,
  address: {
    city: 'New York'
  }
};

const cityName = person.address?.city;

console.log(cityName); // 'New York'

각각의 방법은 상황에 따라 사용될 수 있으며, 코드를 보다 간결하고 안전하게 작성할 수 있는데 도움이 됩니다.

결론

JavaScript에서 객체의 속성을 가져오는 방법에 대해 다양하게 알아보았습니다. 각 방법은 유연하게 활용될 수 있으며, 코드를 보다 읽기 쉽고 효율적으로 작성할 수 있도록 도와줍니다.

참고 문헌:

• MDN Web Docs