[javascript] 객체 순회를 통한 속성의 데이터 추출하기

15 Dec 2023

javascript

자바스크립트에서 객체의 속성을 순회하여 데이터를 추출하는 방법은 객체를 다양한 방식으로 반복하고 처리하는 데 유용합니다. 이러한 데이터 추출은 객체의 속성 값을 검색하거나 변환하는 데 도움이 됩니다.

객체 순회 방법

1. for…in 루프를 이용한 순회

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

for (let key in person) {
  console.log(key, person[key]);
}

2. Object.keys 메서드를 이용한 순회

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

Object.keys(person).forEach(key => {
  console.log(key, person[key]);
});

3. Object.entries 메서드를 이용한 순회

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

Object.entries(person).forEach(([key, value]) => {
  console.log(key, value);
});

데이터 추출하기

특정 속성 값을 추출하여 새로운 배열 생성

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

const values = Object.keys(person).map(key => person[key]);
console.log(values); // ['John', 30, 'New York']

특정 조건을 만족하는 속성 값 추출

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

const filteredValues = Object.keys(person).filter(key => key !== 'age').map(key => person[key]);
console.log(filteredValues); // ['John', 'New York']

위의 예시들은 객체를 순회하고 속성의 데이터를 추출하는 기본적인 방법들을 보여줍니다. 원하는 데이터를 추출하기 위해서는 각각의 방법을 적절히 응용하여 사용하면 됩니다.