JavaScript Object.groupBy()

Definizione e uso

Object.groupBy() Il metodo raggruppa gli elementi dell'oggetto in base al valore di stringa restituito dalla funzione di callback.

Object.groupBy() Il metodo non modifica l'oggetto originale.

Attenzione

Gli elementi dell'oggetto originale e dell'oggetto di ritorno sono gli stessi.

Modifiche a qualsiasi oggetto si riflettono nell'altro.

La differenza tra Object.groupBy() e Map.groupBy()

Object.groupBy() e Map.groupBy() La differenza tra loro è:

Object.groupBy() Raggruppa gli elementi in un oggetto JavaScript.

Map.groupBy() Raggruppa gli elementi in un oggetto Map.

Esempio

// Crea un array
const fruits = [
  {name: "apples", quantity: 300},
  {name: "bananas", quantity: 500},
  {name: "oranges", quantity: 200},
  
]
// Funzione di callback utilizzata per raggruppare elementi
function myCallback({ quantity }) {
  return quantity > 200 ? "ok" : "low";
}
// Raggruppa in base alla quantità
const result = Object.groupBy(fruits, myCallback);

Prova tu stesso

Sintassi

Object.groupBy(iterable, callback)

Parametro

Parametro Descrizione
iterable Obbligatorio. Array iterabile o Map.
callback

Obbligatorio. Funzione eseguita per ogni elemento.

La funzione deve restituire il nome del gruppo dell'elemento.

Valore di ritorno

Tipo Descrizione
Iterator Oggetto iterabile che contiene elementi di raggruppamento.

Supporto del browser

Object.groupBy() È una funzionalità di ES2024.

A partire dal marzo 2024, tutti i browser moderni supportano completamente:

Chrome Edge Firefox Safari Opera
Chrome 117 Edge 117 Firefox 119 Safari 17.4 Opera 103
Settembre 2023 Settembre 2023 Ottobre 2023 Ottobre 2024 Maggio 2023