Map.groupBy()

Map.groupBy()
Map.groupBy() 정적 메서드는 제공된 콜백 함수에서 반환된 값을 사용하여 주어진 반복 가능 객체의 요소를 그룹화한다.
최종적으로 반환되는 Map은 테스트 함수에서 반환된 고유 값을 키로 사용하며, 이 키는 각 그룹의 요소 배열을 가져오는 데 사용할 수 있다.
이 메서드는 주로 객체와 연결된 요소를 그룹화할 때, 특히 해당 객체가 시간이 지남에 따라 변경될 수 있는 경우에 유용하다.
객체가 불변 객체인 경우, 문자열을 사용하여 표현하고 Object.groupBy()를 사용하여 요소를 그룹화할 수 있다.
배열과 같은 반복 가능한(iterable) 객체의 요소를 특정 기준에 따라 그룹화하는 정적(static) 메서드이다.
반환 값: Map 객체를 반환한다.
키(Key)의 유형: 그룹의 키로 객체를 포함한 모든 데이터 유형을 사용 가능하다. 콜백 함수가 반환하는 값(예: 객체)이 그대로 키로 사용된다.
용도: 키로 임의의 값을 사용해야 하거나, 시간이 지나도 변경될 수 있는 객체를 키로 사용해야 할 때 유용하다. 예를 들어, 객체 자체를 키로 사용하여 그룹화한 경우, 해당 객체의 속성 값이 변경되어도 그룹에 접근하는 데 문제가 없다.
원본 배열의 요소가 얕게 복사되어 반환된 객체에 담기므로, 반환된 객체 내의 요소 구조를 변경하면 원본 배열의 해당 요소에도 변경 사항이 반영된다.

예제

예시 1

const fruits = [
  { name: '사과', category: '과일' },
  { name: '바나나', category: '과일' },
  { name: '당근', category: '채소' },
  { name: '딸기', category: '과일' },
  { name: '오이', category: '채소' },
];

// 그룹의 키로 사용될 객체들
const fruitCategory = { name: '과일' };
const vegetableCategory = { name: '채소' };

// category 속성이 객체인 데이터
const items = [
  { name: '사과', category: fruitCategory },
  { name: '당근', category: vegetableCategory },
  { name: '바나나', category: fruitCategory },
];

const groupedByObject = Map.groupBy(items, item => item.category);

console.log(groupedByObject);

// Map 객체가 출력됩니다.
// console.log로 보면 아래와 유사하게 보입니다.
Map(2) {
  { name: '과일' } => [
    { name: '사과', category: { name: '과일' } },
    { name: '바나나', category: { name: '과일' } }
  ],
  { name: '채소' } => [
    { name: '당근', category: { name: '채소' } }
  ]
}

이 결과는 Map 객체이며, 여기서 중요한 점은 그룹의 키로 { name: '과일' }와 { name: '채소' } 객체 그 자체가 사용되었다는 것이다.