📚 Reference

• 공식 문서 1

📜 Chapter

Map.groupBy()

Object.groupBy()

• Object.groupBy()
• Object.groupBy() 정적 메서드는 제공된 콜백 함수에서 반환된 문자열 값에 따라 주어진 반복 가능 객체의 요소를 그룹화한다.
• 반환된 객체는 각 그룹에 대해 별도의 속성을 가지며, 각 속성에는 그룹의 요소가 포함된 배열이 포함된다.
• 그룹 이름을 문자열로 표현할 수 있는 경우 이 메서드를 사용해야 한다.
• 임의의 값을 키로 사용하여 요소를 그룹화해야 하는 경우에는 Map.groupBy()를 대신 사용해야 한다.
• 배열과 같은 반복 가능한(iterable) 객체의 요소를 특정 기준에 따라 그룹화하는 정적(static) 메서드이다.
• 반환 값: 일반 객체(Object)를 반환한다.
• 키(Key)의 유형: 그룹의 키로 문자열만 사용 가능하다. 콜백 함수가 반환하는 모든 값은 문자열로 강제 변환되어 키로 사용된다.
• 용도: 그룹 이름이 문자열로 표현될 수 있는 경우에 적합하다.
• 원본 배열의 요소가 얕게 복사되어 반환된 객체에 담기므로, 반환된 객체 내의 요소 구조를 변경하면 원본 배열의 해당 요소에도 변경 사항이 반영된다.

예제

• 예시 1

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

  • Object.groupBy()는 그룹의 키(key)로 문자열만 사용 가능하다.
  • 아래 예시에서는 category 속성을 기준으로 과일들을 그룹화한다.

  const groupedByCategory = Object.groupBy(fruits, fruit => fruit.category);
  
  console.log(groupedByCategory);
  
  {
    "과일": [
      { "name": "사과", "category": "과일" },
      { "name": "바나나", "category": "과일" },
      { "name": "딸기", "category": "과일" }
    ],
    "채소": [
      { "name": "당근", "category": "채소" },
      { "name": "오이", "category": "채소" }
    ]
  }