JavaScript Map.groupBy()

Definition og brug

Map.groupBy() Metoden grupperer objektets elementer baseret på den strengværdi, der returneres af callback-funktionen.

Map.groupBy() Metoden ændrer ikke det oprindelige objekt.

Instans

// Opretter en array
const fruits = [
  {name:"apples", quantity:300},
  {name:"bananas", quantity:500},
  {name:"oranges", quantity:200},
  {name:"kiwi", quantity:150}
];
// Bruges som callback-funktion til at gruppere elementer
function myCallback({ quantity }) {
  return quantity > 200 ? "ok" : "low";
}
// Grupper efter antal
const result = Map.groupBy(fruits, myCallback);

Prøv det selv

Bemærk

Elementerne i det oprindelige objekt og returobjektet er de samme.

Ændringer i en hvilken som helst objekt reflekteres i det andet objekt.

Forskellen mellem Object.groupBy() og Map.groupBy()

Object.groupBy() og Map.groupBy() Forskellen er:

Object.groupBy() Grupper elementer til et JavaScript-objekt.

Map.groupBy() Grupper elementer til et Map-objekt.

Syntaks

Map.groupBy(iterable, callback)

Parameter

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

Obligatorisk. Funktionen, der udføres for hver element.

Denne funktion skal returnere gruppens navn for elementet.

Returværdi

Type Beskrivelse
Object Inkluderer en Map-objekt med grupperede elementer.

Browserv understøttelse

Map.groupBy() er en funktion af ES2024.

Fra og med marts 2024 understøtter alle moderne browsere fuldt ud:

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