JavaScript Map.groupBy()

การกำหนดและการใช้งาน

Map.groupBy() ฟังก์ชันจะจัดกลุ่มองค์ประกอบของวัตถุตามค่าของฟังก์ชันความตอบสนอง

Map.groupBy() ฟังก์ชันนี้จะไม่เปลี่ยนแปลงวัตถุต้นแบบ

ตัวอย่าง

// สร้างตัวแปรเป็นแบบภาพ
const fruits = [
  {name:"apples", quantity:300},
  {name:"bananas", quantity:500},
  {name:"oranges", quantity:200},
  {name:"kiwi", quantity:150}
];
// ฟังก์ชันความตอบสนองสำหรับการจัดกลุ่มองค์ประกอบ
function myCallback({ quantity }) {
  return quantity > 200 ? "ok" : "low";
}
// จัดกลุ่มตามจำนวน
const result = Map.groupBy(fruits, myCallback);

ทดลองด้วยตัวเอง

จำเป็นต้องทำ

องค์ประกอบในวัตถุต้นแบบและวัตถุที่ส่งกลับเป็นเดียวกัน

การเปลี่ยนแปลงของชุดของวัตถุใดๆ จะแสดงให้เห็นในวัตถุอีกชุด

ความแตกต่างระหว่าง Object.groupBy() และ Map.groupBy()

Object.groupBy() และ Map.groupBy() ความแตกต่าง

Object.groupBy() จัดกลุ่มองค์ประกอบเข้าสู่ JavaScript สำหรับเป้าหมาย

Map.groupBy() จัดกลุ่มองค์ประกอบเข้าสู่ Map สำหรับเป้าหมาย

ความหมายของภาษา

Map.groupBy(iterable, callback)

ตัวแปร

ตัวแปร การอธิบาย
iterable จำเป็น
callback

จำเป็น

ฟังก์ชันนี้ควรส่งกลับชื่อกลุ่มขององค์ประกอบ

ค่าที่ส่งกลับ

ชนิด การอธิบาย
Object เป็น Map ที่มีสมาชิกเกี่ยวกับการจัดกลุ่ม

การสนับสนุนของเบราวเซอร์

Map.groupBy() เป็นคุณสมบัติของ ES2024

ตั้งแต่เดือนมีนาคม 2024 ตั้งแต่ข้างหน้า ทั้งหมดทุกบราวเซอร์สมานุญาติให้ใช้งานเต็มที่

Chrome Edge Firefox Firefox Safari
Opera Chrome 117 Edge 117 Firefox 119 Safari 17.4
Opera 103 Opera 103 2023 ปี 9 เดือน 2023 ปี 10 เดือน 2024 ปี 10 เดือน