자바스크립트에서 객체는 중요한 데이터 구조입니다. 객체는 다양한 속성과 메서드를 포함하고 있으며, 이를 활용하여 다양한 작업을 수행할 수 있습니다. 하지만 때로는 객체에서 특정 데이터를 추출하고 사용해야 할 때가 있습니다. 이번 포스트에서는 자바스크립트에서 객체 데이터를 추출하는 다양한 방법을 살펴보겠습니다.

1. 점 표기법 (Dot notation)

가장 기본적이고 일반적인 방법은 점 표기법이라고 불리는 방식입니다. 이 방법을 사용하면 객체의 속성을 직접 접근할 수 있습니다.

예를 들어, 다음과 같이 person 객체가 있다고 가정해봅시다.

let person = {
  name: "John",
  age: 30,
  gender: "Male"
};

이 경우 person 객체의 이름을 추출하고 싶다면 다음과 같이 점 표기법을 사용합니다.

let name = person.name;
console.log(name); // 출력값: "John"

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

또 다른 방법은 대괄호 표기법입니다. 이 방법을 사용하면 객체의 속성을 문자열로 참조할 수 있습니다.

아까 위에서 정의한 person 객체를 예로 들어보겠습니다.

let person = {
  name: "John",
  age: 30,
  gender: "Male"
};

이 경우 person 객체의 나이를 추출하고 싶다면 다음과 같이 대괄호 표기법을 사용합니다.

let age = person["age"];
console.log(age); // 출력값: 30

3. 변수로 속성명 사용

때로는 객체에서 추출할 속성의 이름을 변수로 지정하여 동적으로 속성을 추출해야 할 때가 있습니다.

예를 들어, 다음과 같이 propertyName이라는 변수에 “age”라는 값을 할당하고 이를 사용하여 객체의 속성을 추출해보겠습니다.

let person = {
  name: "John",
  age: 30,
  gender: "Male"
};

let propertyName = "age";
let propertyValue = person[propertyName];
console.log(propertyValue); // 출력값: 30

이런 식으로 변수로 속성명을 사용하면 동적으로 객체에서 데이터를 추출할 수 있습니다.

마무리

자바스크립트에서 객체 데이터를 추출하는 방법을 알아보았습니다. 점 표기법과 대괄호 표기법을 사용하여 객체의 속성들을 접근할 수 있으며, 변수를 활용하면 동적으로 속성을 추출할 수도 있습니다. 이러한 방법들은 자바스크립트에서 객체 데이터를 다루는데 있어서 필수적인 기술입니다.