JavaScript Map.groupBy()

Definitie en gebruik

Map.groupBy() De methode groepeert de elementen van het object op basis van de te retourneren stringwaarde van de callbackfunctie.

Map.groupBy() De methode wijzigt het oorspronkelijke object niet.

Voorbeeld

// Maak een array aan
const fruits = [
  {name:"apples", quantity:300},
  {name:"bananas", quantity:500},
  {name:"oranges", quantity:200},
  {name:"kiwi", quantity:150}
];
// Callbackfunctie voor het groeperen van elementen
function myCallback({ quantity }) {
  return quantity > 200 ? "ok" : "low";
}
// Groepeer op basis van het aantal
const result = Map.groupBy(fruits, myCallback);

Probeer het zelf

Opmerking

De elementen in het oorspronkelijke object en het retournerende object zijn hetzelfde.

Wijzigingen in een van de objecten worden weerspiegeld in het andere object.

Het verschil tussen Object.groupBy() en Map.groupBy()

Object.groupBy() en Map.groupBy() Het verschil zit in:

Object.groupBy() Groepeert elementen in een JavaScript-object.

Map.groupBy() Groepeert elementen in een Map-object.

Syntax

Map.groupBy(iterable, callback)

Parameter

Parameter Beschrijving
iterable Verplicht. Een iterable array of Map.
callback

Verplicht. De functie die voor elk element wordt uitgevoerd.

Deze functie moet de naam van de groep van het element retourneren.

Retourwaarde

Type Beschrijving
Object Bevat een Map-object met groepelementen.

Browserondersteuning

Map.groupBy() is een kenmerk van ES2024.

Vanaf maart 2024 zullen alle moderne browsers volledig ondersteunen:

Chrome Edge Firefox Safari Opera
Chrome 117 Edge 117 Firefox 119 Safari 17.4 Opera 103
September 2023 September 2023 October 2023 October 2024 May 2023