자바스크립트는 다양한 상황에서 객체의 속성값을 가져오는 기능을 제공합니다. 이 기능을 활용하여 객체의 특정 속성값을 가져오는 방법을 알아보겠습니다.

1. 단순한 객체의 속성 값 가져오기

가장 기본적인 방법은 객체의 속성에 점 연산자(.)를 사용하여 접근하는 것입니다. 예를 들어, 다음과 같은 객체가 있다고 가정해봅시다.

const person = {
    name: 'John Doe',
    age: 25,
    profession: 'Developer'
};

// 속성 값 가져오기
const name = person.name;
const age = person.age;
const profession = person.profession;

console.log(name);        // 'John Doe'
console.log(age);         // 25
console.log(profession);  // 'Developer'

위의 예제에서 person 객체의 name, age, profession 속성의 값들을 가져오기 위해 각각 변수에 할당했습니다. 이제 각 변수에는 해당하는 속성 값들이 저장되어 있습니다.

2. 동적으로 객체의 속성 값 가져오기

만약 접근할 속성 이름이 실행 시간에 결정되는 경우에는 어떻게 해야할까요? 이런 상황에서는 Square Bracket Notation을 사용하여 객체의 속성 값에 동적으로 접근할 수 있습니다.

const person = {
    name: 'John Doe',
    age: 25,
    profession: 'Developer'
};

const propertyName = 'name';

// 속성 값 가져오기
const value = person[propertyName];

console.log(value);  // 'John Doe'

위의 예시에서 person 객체의 name 속성 값을 가져오기 위해 propertyName 변수를 사용했습니다. propertyName 변수에는 'name' 문자열이 할당되어 있으므로, person[propertyName]을 통해 'John Doe' 값을 가져오게 됩니다.

3. 중첩된 객체의 속성 값 가져오기

때로는 객체 안에 객체가 중첩되어 있는 경우가 있습니다. 이럴 때는 점 연산자를 이용하여 중첩된 객체의 속성 값을 가져올 수 있습니다.

const person = {
    name: 'John Doe',
    age: 25,
    profession: 'Developer',
    address: {
        city: 'New York',
        country: 'USA'
    }
};

// 중첩된 객체의 속성 값 가져오기
const city = person.address.city;
const country = person.address.country;

console.log(city);     // 'New York'
console.log(country);  // 'USA'

위의 예시에서 person 객체 안에 address라는 속성이 있고, address 속성의 값은 { city: 'New York', country: 'USA' }입니다. 따라서, person.address.city는 'New York' 값을 반환하고 person.address.country는 'USA' 값을 반환합니다.

참고: 만약 중첩된 객체의 속성 값을 가져올 때 중간에 존재하지 않는 속성에 접근하려는 경우, undefined가 반환됩니다. 따라서, 존재 여부를 확인하고 접근하는 것이 좋습니다.

결론

자바스크립트에서 객체의 속성 값을 가져오는 방법에 대해 알아보았습니다. 점 연산자를 사용하는 단순한 접근 방법부터 Square Bracket Notation을 통한 동적 접근 방법, 그리고 중첩된 객체의 속성 값 가져오기까지 다양한 방법을 활용할 수 있습니다. 이러한 속성 값 추출 기술은 프로그래밍에서 중요한 역할을 합니다.