JavaScript Object.groupBy()

Definitie en gebruik

Object.groupBy() De methode groepeert de elementen van het object op basis van de stringwaarde die de callbackfunctie retourneert.

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

Opmerking

De elementen in de oorspronkelijke object en de retour 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() Groepeer elementen in een JavaScript-object.

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

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";
}
// Groeperen op basis van hoeveelheid
const result = Object.groupBy(fruits, myCallback);

Probeer het zelf

Syntax

Object.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 de elementen retourneren.

Retourwaarde

Type Beschrijving
Iterator Bevat een iterabele object met groepelementen.

Browserondersteuning

Object.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