JavaScript Object.groupBy()

Definicja i użycie

Object.groupBy() Metoda grupuje elementy obiektu na podstawie wartości stringa zwróconej przez funkcję zwrotną.

Object.groupBy() Metoda nie zmienia oryginalnego obiektu.

Uwaga

Elementy w oryginalnym obiekcie i zwróconym obiekcie są takie same.

Zmiany w jednym obiekcie będą odzwierciedlały się w drugim.

Różnica między Object.groupBy() a Map.groupBy()

Object.groupBy() i Map.groupBy() Różnica polega na:

Object.groupBy() Grupowanie elementów do obiektu JavaScript.

Map.groupBy() Grupowanie elementów do obiektu Map.

Instancja

// Tworzenie tablicy
const fruits = [
  {name: "apples", quantity: 300},
  {name: "bananas", quantity: 500},
  {name: "oranges", quantity: 200},
  
]
// Funkcja zwrotna do grupowania elementów
function myCallback({ quantity }) {
  return quantity > 200 ? "ok" : "low";
}
// Grupowanie według liczby
const result = Object.groupBy(fruits, myCallback);

Spróbuj sam!

Gramatyka

Object.groupBy(iterable, callback)

Parametr

Parametr Opis
iterable Wymagane. Tablica iterowalna lub Mapa.
callback

Wymagane. Funkcja wykonywana dla każdego elementu.

Funkcja powinna zwrócić nazwę grupy elementu.

Zwraca wartość zwróconą przez funkcję.

Typ Opis
Iterator Zawiera obiekty iterowalne zawierające elementy grupujące.

Obsługa przeglądarek

Object.groupBy() To cechy ES2024.

Od marca 2024 roku, wszystkie nowoczesne przeglądarki obsługują w pełni:

Chrome Edge Firefox Safari Opera
Chrome 117 Edge 117 Firefox 119 Safari 17.4 Opera 103
Wrzesień 2023 roku Wrzesień 2023 roku Październik 2023 roku Październik 2024 roku Maj 2023 roku