[javascript] 객체 순회를 통한 데이터 그룹화하기

15 Dec 2023

javascript

이번에는 Javascript에서 객체를 순회하여 데이터를 그룹화하는 방법에 대해 알아보겠습니다. 객체 순회를 통해 각 요소의 속성을 기반으로 데이터를 그룹화하고, 이를 활용하여 다양한 작업을 수행할 수 있습니다.

1. 객체 순회하기

const data = {
  A: { category: 'A', value: 10 },
  B: { category: 'B', value: 20 },
  C: { category: 'A', value: 30 }
};

const groupedData = {};

for (const key in data) {
  const item = data[key];
  if (!groupedData[item.category]) {
    groupedData[item.category] = [];
  }
  groupedData[item.category].push(item);
}

console.log(groupedData);

위 예제에서는 data 객체를 순회하면서 category 속성을 기준으로 데이터를 그룹화하고 있습니다.

2. 결과 확인하기

위 코드를 실행하면 다음과 같은 결과를 얻을 수 있습니다.

{
  A: [
    { category: 'A', value: 10 },
    { category: 'A', value: 30 }
  ],
  B: [
    { category: 'B', value: 20 }
  ]
}

3. 활용

이제 groupedData 객체를 활용하여 각 카테고리별로 데이터를 처리하거나, 필요에 따라 다른 형태의 자료구조로 변환할 수 있습니다.

이렇게 객체를 순회하여 데이터를 그룹화하는 방법은 실제 프로젝트에서 매우 유용하게 활용될 수 있습니다.

위 방법을 통해 Javascript에서 객체를 순회하여 데이터를 그룹화하는 방법에 대해 알아보았습니다. 해당 기술을 활용하여 개발 작업을 보다 효율적으로 수행할 수 있을 것입니다.

참고 자료: MDN Web Docs - for…in statement