JavaScript Map.groupBy()

Definisi dan penggunaan

Map.groupBy() Metode ini mengelompokkan elemen obyek berdasarkan string nilai yang kembalikan oleh fungsi balik.

Map.groupBy() Metode ini tidak akan mengubah obyek asli.

Instansi

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

Coba sendiri

Perhatian

Elemen di obyek asli dan obyek kembalian adalah yang sama.

Setiap perubahan pada obyek yang satu akan muncul di obyek yang lain.

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

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

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

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

Sintaks

Map.groupBy(iterable, callback)

Parameter

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

Diperlukan. Fungsi yang dieksekusi untuk setiap elemen.

Fungsi ini harus mengembalikan nama grup elemen.

Nilai kembalian

Tipe Deskripsi
Object Termasuk objek Map yang mengandung elemen pengelompokan.

Dukungan peramban

Map.groupBy() ini adalah fitur ES2024.

Mulai bulan Maret 2024, semua peramban modern sepenuhnya mendukung:

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