JavaScript Object.groupBy()

정의와 사용법

Object.groupBy() 메서드는 콜백 함수로부터 반환된 문자열 값에 따라 객체의 요소를 그룹화합니다.

Object.groupBy() 메서드는 원본 객체를 변경하지 않습니다.

주의

원본 객체와 반환 객체의 요소는 동일합니다.

원본 객체에 대한 변경은 다른 객체에 반영됩니다.

Object.groupBy()과 Map.groupBy()의 차이

Object.groupBy() 와 Map.groupBy() 차이점은:

Object.groupBy() 요소를 자바스크립트 객체에 그룹화합니다.

Map.groupBy() 요소를 맵 객체에 그룹화합니다.

인스턴스

// 배열을 생성합니다
const fruits = [
  {name: "apples", quantity: 300},
  {name: "bananas", quantity: 500},
  {name: "oranges", quantity: 200},
  {name: "kiwi", quantity: 150}
];
// 그룹화 요소를 위한 콜백 함수
function myCallback({ quantity }) {
  return quantity > 200 ? "ok" : "low";
}
// 수량에 따라 그룹화
const result = Object.groupBy(fruits, myCallback);

직접 시도해 보세요

문법

Object.groupBy(이터러블, 콜백)

파라미터

파라미터 설명
이터러블 필수. 이터러블 배열 또는 Map.
콜백

필수. 각 요소에 대해 실행할 함수.

이 함수는 요소의 그룹 이름을 반환해야 합니다.

반환 값

타입 설명
이터레이터 그룹화 요소를 포함한 이터러블 객체.

브라우저 지원

Object.groupBy() ES2024의 기능입니다.

2024년 3월부터 모든 현대 브라우저는 완전히 지원합니다:

크롬 에지 파이어폭스 사파리 오페라
크롬 117 에지 117 파이어폭스 119 사파리 17.4 오페라 103
2023년 9월 2023년 9월 2023년 10월 2024년 10월 2023년 5월