JavaScript Map.groupBy()

Definition und Verwendung

Map.groupBy() Die Methode gruppiert die Elemente des Objekts basierend auf dem vom Callback-Funktion zurückgegebenen String-Wert.

Map.groupBy() Die Methode ändert das ursprüngliche Objekt nicht.

Instanz

// Ein Array erstellen
const fruits = [
  {name:"apples", quantity:300},
  {name:"bananas", quantity:500},
  {name:"oranges", quantity:200},
  
]
// Callback-Funktion zur Gruppierung von Elementen
function myCallback({ quantity }) {
  return quantity > 200 ? "ok" : "low";
}
// Nach Anzahl gruppieren
const result = Map.groupBy(fruits, myCallback);

Versuchen Sie es selbst

Beachtung

Die Elemente im ursprünglichen Objekt und im Rückgabewert sind identisch.

Änderungen an jedem Objekt werden auf das andere Objekt übertragen.

Unterschied zwischen Object.groupBy() und Map.groupBy()

Object.groupBy() und Map.groupBy() Der Unterschied liegt darin:

Object.groupBy() Gruppiert Elemente in ein JavaScript-Objekt.

Map.groupBy() Gruppiert Elemente in ein Map-Objekt.

Syntax

Map.groupBy(iterable, callback)

Parameter

Parameter Beschreibung
iterable Erforderlich. Iterables Array oder Map.
callback

Erforderlich. Funktion, die für jedes Element ausgeführt wird.

Diese Funktion sollte den Namen der Gruppierung der Elemente zurückgeben.

Rückgabewert

Typ Beschreibung
Object Enthält ein Map-Objekt mit gruppierenden Elementen.

Browser-Unterstützung

Map.groupBy() Es ist eine Eigenschaft von ES2024.

Ab März 2024 unterstützen alle modernen Browser vollständig:

Chrome Edge Firefox Safari Opera
Chrome 117 Edge 117 Firefox 119 Safari 17.4 Opera 103
September 2023 September 2023 Oktober 2023 Oktober 2024 Mai 2023