[javascript] 객체 순회를 통한 데이터 필터링하기

JavaScript에서 객체를 순회하고 데이터를 필터링하거나 조작하는 것은 매우 일반적인 작업입니다. 이 포스트에서는 JavaScript의 내장 메서드와 반복문을 사용하여 객체를 순회하고 데이터를 필터링하는 방법에 대해 살펴보겠습니다.

1. Object.keys 메서드를 사용한 객체 순회

Object.keys 메서드는 객체의 열거 가능한 속성 이름을 배열로 반환합니다. 이를 사용하여 객체의 속성을 순회할 수 있습니다.

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

Object.keys(data).forEach(key => {
  // key에 따라 필터링 또는 조작 수행
  console.log(key, data[key]);
});

2. for...in 반복문을 사용한 객체 순회

for...in 반복문은 객체의 모든 열거 가능한 속성을 반복하여 처리할 수 있습니다.

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

for (let key in data) {
  // key에 따라 필터링 또는 조작 수행
  console.log(key, data[key]);
}

3. 데이터 필터링하기

예를 들어, 객체에서 특정 조건을 충족하는 데이터만 필터링하려면 filter 메서드를 사용할 수 있습니다.

const numbers = {
  a: 10,
  b: 20,
  c: 30,
  d: 40
};

const filteredData = Object.keys(numbers)
  .filter(key => numbers[key] > 20)
  .reduce((obj, key) => {
    obj[key] = numbers[key];
    return obj;
  }, {});

console.log(filteredData); // { c: 30, d: 40 }

요약

JavaScript에서 객체를 순회하고 데이터를 필터링하려면 Object.keys 메서드나 for...in 반복문을 사용하여 객체를 순회하고, 필요에 따라 filter 메서드를 사용하여 데이터를 필터링할 수 있습니다.

자바스크립트에서 이러한 방법을 사용하여 객체를 순회하고 데이터를 조작하는 것은 매우 일반적이며, 이러한 기술은 실제 프로젝트 또는 개발 환경에서 사용될 수 있는 유용한 기능입니다.

참고 자료