JavaScript Object.groupBy()

Définition et utilisation

Object.groupBy() La méthode regroupe les éléments de l'objet en fonction de la valeur de chaîne retournée par la fonction de rappel.

Object.groupBy() La méthode ne change pas l'objet original.

Remarque

Les éléments dans l'objet original et l'objet retourné sont identiques.

Toute modification apportée à l'un des objets se reflète dans l'autre.

La différence entre Object.groupBy() et Map.groupBy()

Object.groupBy() et Map.groupBy() La différence réside en :

Object.groupBy() Regrouper les éléments dans un objet JavaScript.

Map.groupBy() Regrouper les éléments dans un objet Map.

Instance

// Créer un tableau
const fruits = [
  {name: "apples", quantity: 300},
  {name: "bananas", quantity: 500},
  {name: "oranges", quantity: 200},
  {name: "kiwi", quantity: 150}
];
// Fonction de rappel pour le regroupement des éléments
function myCallback({ quantity }) {
  return quantity > 200 ? "ok" : "low";
}
// Regrouper selon la quantité
const result = Object.groupBy(fruits, myCallback);

Essayer par vous-même

Syntaxe

Object.groupBy(iterable, callback)

Paramètre

Paramètre Description
iterable Obligatoire. Tableau itérable ou Map.
callback

Obligatoire. Fonction exécutée pour chaque élément.

Cette fonction doit retourner le nom de groupe de l'élément.

Valeur de retour

Type Description
Iterator Objet itérable contenant des éléments de regroupement.

Support du navigateur

Object.groupBy() C'est une fonctionnalité de ES2024.

À partir de mars 2024, tous les navigateurs modernes supportent complètement :

Chrome Edge Firefox Safari Opera
Chrome 117 Edge 117 Firefox 119 Safari 17.4 Opera 103
Septembre 2023 Septembre 2023 Octobre 2023 Octobre 2024 Mai 2023