JavaScript Object.groupBy()

Definisi dan penggunaan

Object.groupBy() Metode ini mengelompokkan elemen objek berdasarkan nilai string yang dikembalikan oleh fungsi callback.

Object.groupBy() Metode ini tidak akan mengubah objek asli.

Perhatian

Elemen di objek asli dan objek kembalian adalah sama.

Perubahan untuk setiap objek akan berpengaruh di objek lain.

Perbedaan antara Object.groupBy() dan Map.groupBy()

Object.groupBy() dan Map.groupBy() Perbedaan adalah:

Object.groupBy() Golongkan elemen ke dalam objek JavaScript.

Map.groupBy() Golongkan elemen ke dalam objek Map.

Instans

// Membuat sebuah array
const fruits = [
  {name: "apples", quantity: 300},
  {name: "bananas", quantity: 500},
  {name: "oranges", quantity: 200},
  {name: "kiwi", quantity: 150}
];
// Fungsi callback untuk mengelompokkan elemen
function myCallback({ quantity }) {
  return quantity > 200 ? "ok" : "low";
}
// Grup berdasarkan jumlah
const result = Object.groupBy(fruits, myCallback);

Coba sendiri

Sintaks

Object.groupBy(iterable, callback)

Parameter

Parameter Deskripsi
iterable Diperlukan. Daftar yang dapat diiterasi atau Map.
callback

Diperlukan. Fungsi yang dieksekusi untuk setiap elemen.

Fungsi ini harus mengembalikan nama grup elemen.

Kembalian

Tipe Deskripsi
Iterator Objek yang dapat diiterasi termasuk elemen pengelompokan.

Pendukung pelayar

Object.groupBy() Adalah fitur ES2024.

Dari bulan Mac 2024, semua pelayar modern sepenuhnya mendukung:

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