JavaScript Object.groupBy()

Definition und Verwendung

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

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

Hinweis

Die Elemente im ursprünglichen und im zurückgegebenen Objekt 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() Gruppieren Sie Elemente in ein JavaScript-Objekt ein.

Map.groupBy() Gruppieren Sie Elemente in ein Map-Objekt ein.

Instanz

// Erstellen Sie ein Array
const fruits = [
  {name: "apples", quantity: 300},
  {name: "bananas", quantity: 500},
  {name: "oranges", quantity: 200},
  {name: "kiwi", quantity: 150}
];
// Callback-Funktion für Gruppierungselemente
function myCallback({ quantity }) {
  return quantity > 200 ? "ok" : "low";
}
// Gruppierung nach Anzahl
const result = Object.groupBy(fruits, myCallback);

Versuchen Sie es selbst

Syntax

Object.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 Gruppierungselemente zurückgeben.

Rückgabewert

Typ Beschreibung
Iterator Enthält iterierbare Objekte mit Gruppierungselementen.

Browser-Unterstützung

Object.groupBy() ist eine Eigenschaft von ES2024.

Ab dem 1. 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