Phương thức Map.groupBy() trong JavaScript

• Bùi Tấn Lực
• 887
• 19/09/2025

Chức năng của Phương thức Map.groupBy() trong JavaScript

Phương thức Map.groupBy() trong JavaScript dùng để nhóm các phần tử trong một mảng vào các đối tượng Map khác nhau, các phần tử thỏa điều kiện vào một Map, các phần tử không thỏa điều kiện vô một Map.

Cú pháp của Phương thức Map.groupBy() trong JavaScript

Map.groupBy(mang, hamdieukien);

mang: Mảng chứa các cột khóa và giá trị.

hamdieukien: Hàm điều kiện để chia ra 2 nhóm, nhóm thỏa điều kiện và nhóm không thỏa điều kiện.

Code Phương thức Map.groupBy() trong JavaScript

<script>
// Tạo một mảng
const thanhViens = [
  {hoten:"Bùi Tấn Lực", tuoi:35},
  {hoten:"Trần Thị Vân", tuoi:29},
  {hoten:"Bùi Đan Trúc Quỳnh", tuoi:1},
  {hoten:"Nguyễn Thùy Dung", tuoi:30},
  {hoten:"Nguyễn Thảo Nhật Hạ", tuoi:2}
];
// Tạo hàm để tạo 2 nhóm điều kiện
function duMuoiTamTuoi({ tuoi }) {
  return tuoi > 17 ? "du18" : "chuadu18";
}
// Group by để chia ra 2 Map, Map đủ 18 và Map chưa đủ 18
const result = Map.groupBy(thanhViens, duMuoiTamTuoi);
// Map đủ 18 tuổi
document.write("<b>// Map đủ 18 tuổi</b><br>");
for (let x of result.get("du18")) {
  document.write( x.hoten + " " + x.tuoi + "<br>");
}
// Map chưa đủ 18 tuổi
document.write("<b>// Map chưa đủ 18 tuổi</b><br>");
for (let x of result.get("chuadu18")) {
  document.write( x.hoten + " " + x.tuoi + "<br>");
}
</script>

Kết quả:

// Map đủ 18 tuổi
Bùi Tấn Lực 35
Trần Thị Vân 29
Nguyễn Thùy Dung 30
// Map chưa đủ 18 tuổi
Bùi Đan Trúc Quỳnh 1
Nguyễn Thảo Nhật Hạ 2

Chạy Thử

Lời kết

Cảm ơn các bạn đã tham khảo bài viết Phương thức Map.groupBy() trong JavaScript.

Bùi Tấn Lực

Chia sẻ nội dung đánh giá của bạn về Phương thức Map.groupBy() trong JavaScript
Email, Điện thoại của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Đăng ký tư vấn thiết kế website

Tìm hiểu 1 năm không bằng lắng nghe 1 câu tư vấn