JavaScript Object.groupBy()

Definition och användning

Object.groupBy() Metoden grupperar objektets element baserat på den strängvärde som returneras av callback-funktionen.

Object.groupBy() Metoden ändrar inte det ursprungliga objektet.

Observera

Elementen i det ursprungliga objektet och returobjektet är desamma.

Ändringar i vilket som helst objekt reflekteras i det andra objektet.

Skillnaden mellan Object.groupBy() och Map.groupBy()

Object.groupBy() och Map.groupBy() Skillnaden ligger i:

Object.groupBy() Gruppera element till ett JavaScript-objekt.

Map.groupBy() Gruppera element till en Map-objekt.

Instans

// Skapa en array
const fruits = [
  {name: "apples", quantity: 300},
  {name: "bananas", quantity: 500},
  {name: "oranges", quantity: 200},
  
]
// Används som callback-funktion för grupperade element
function myCallback({ quantity }) {
  return quantity > 200 ? "ok" : "low";
}
// Gruppera baserat på kvantitet
const result = Object.groupBy(fruits, myCallback);

Prova själv

Syntax

Object.groupBy(iterable, callback)

Parameter

Parameter Beskrivning
iterable Obligatorisk. En iterabel array eller Map.
callback

Obligatorisk. Funktion som utförs för varje element.

Funktionen bör returnera gruppnamnet på elementen.

Returvärde

Typ Beskrivning
Iterator Innehåller en iterabel objekt med grupperade element.

Webbläsarstöd

Object.groupBy() är en funktion av ES2024.

Från och med mars 2024 stöder alla moderna webbläsare fullt ut:

Chrome Edge Firefox Safari Opera
Chrome 117 Edge 117 Firefox 119 Safari 17.4 Opera 103
September 2023 September 2023 Oktober 2023 Oktober 2024 Maj 2023