JavaScript Map.groupBy()

Definition och användning

Map.groupBy() Metoden grupperar elementen i objektet baserat på den sträng som returneras av callback-funktionen.

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

Instans

// Skapa en array
const fruits = [
  {name:"apples", quantity:300},
  {name:"bananas", quantity:500},
  {name:"oranges", quantity:200},
  {name:"kiwi", quantity:150}
];
// Används för att gruppera element
function myCallback({ quantity }) {
  return quantity > 200 ? "ok" : "low";
}
// Gruppera efter kvantitet
const result = Map.groupBy(fruits, myCallback);

Prova själv

Observera

Elementen i det ursprungliga objektet och det returnerade objektet är desamma.

Ändringar i vilken som helst av objekten reflekteras i det andra objektet.

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

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

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

Map.groupBy() Grupperar element till ett Map-objekt.

Syntax

Map.groupBy(iterable, callback)

Parameter

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

Obligatorisk. Funktionen som körs för varje element.

Den här funktionen bör returnera namnet på elementets grupp.

Returvärde

Typ Beskrivning
Object Innehåller en Map-objekt med grupperade element.

Webbläsarstöd

Map.groupBy() är en funktion i 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