JavaScript Object.groupBy()

Определение и использование

Object.groupBy() Метод группирует элементы объекта по строковому значению, возвращаемому обратной функцией.

Object.groupBy() Метод не изменяет исходный объект.

Примечание

Элементы в исходном объекте и возвращаемом объекте одинаковы.

Изменения в одном объекте будут отражены в другом.

Разница между Object.groupBy() и Map.groupBy()

Object.groupBy() и Map.groupBy() Разница между:

Object.groupBy() Группировка элементов в объект JavaScript.

Map.groupBy() Группировка элементов в объект Map.

Пример

// Создание массива
const fruits = [
  {name: "apples", quantity: 300},
  {name: "bananas", quantity: 500},
  {name: "oranges", quantity: 200},
  
]
// Обратная функция для элементов группы
function myCallback({ quantity }) {
  return quantity > 200 ? "ok" : "low";
}
// Группировка по количеству
const result = Object.groupBy(fruits, myCallback);

Попробуйте сами

Синтаксис

Object.groupBy(iterable, callback)

Параметр

Параметр Описание
iterable Обязателен. Итерируемый массив или Map.
callback

Обязателен. Функция, выполняемая для каждого элемента.

Эта функция должна вернуть имя группы элементов.

Возвратное значение

Тип Описание
Итератор Содержит итерируемый объект с элементами групп.

Поддержка браузерами

Object.groupBy() Это функция ES2024.

С 2024 года 3 месяца, все современные браузеры полностью поддерживают:

Chrome Edge Firefox Safari Opera
Chrome 117 Edge 117 Firefox 119 Safari 17.4 Opera 103
Сентябрь 2023 года Сентябрь 2023 года Октябрь 2023 года Октябрь 2024 года Май 2023 года