JavaScript Map.groupBy()

Définition et utilisation

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

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

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 utilisée pour le grouping des éléments
function myCallback({ quantity }) {
  return quantity > 200 ? "ok" : "low";
}
// Grouper par nombre
const result = Map.groupBy(fruits, myCallback);

Essayez-le vous-même

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() Grouper des éléments dans un objet JavaScript.

Map.groupBy() Grouper des éléments dans un objet Map.

Syntaxe

Map.groupBy(iterable, callback)

Paramètre

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

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

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

Valeur de retour

Type Description
Object Objet Map contenant des éléments de grouping.

Support du navigateur

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

À partir du 3 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