ให้ต่อไปนี้เป็นอาร์เรย์ที่จะจัดเรียงตามวันที่และ isImportant อ็อบเจกต์ทั้งหมดที่มี isImportant คุณสมบัติ true อยู่ในอันดับที่สูงกว่าอ็อบเจ็กต์ใด ๆ ที่มี isImportant false และทั้งสองกลุ่มจะถูกจัดเรียงตามคุณสมบัติวันที่
ต่อไปนี้เป็นอาร์เรย์ของเรา -
const array = [{ id: 545, date: 591020824000, isImportant: false, }, { id: 322, date: 591080224000, isImportant: false, }, { id: 543, bdate: 591080424000, isImportant: true, }, { id: 423, date: 591080225525, isImportant: false, }, { id: 135, date: 591020225525, isImportant: true, }, ];
หลังจากนั้น เราสามารถใช้วิธีจัดเรียงอาร์เรย์แบบนี้เพื่อให้ได้ผลลัพธ์ที่ต้องการบนอาร์เรย์ด้านบน −
array.sort((a, b) => { if(a.isImportant && !b.isImportant){ return -1; }else if(!a.isImportant && b.isImportant){ return 1; }else{ return b.date-a.date; } });
ฟังก์ชันการเรียกกลับ sort() มักจะได้รับสองอาร์กิวเมนต์ กล่าวคือ a และ b ซึ่งไม่มีอะไรเลยนอกจากองค์ประกอบสองอย่างของอาร์เรย์ที่มีการเรียกใช้ sort() และฟังก์ชันเรียกกลับทำงานสำหรับแต่ละคู่ขององค์ประกอบที่เป็นไปได้ของอาร์เรย์
การคืนค่า -1 (ค่าลบใดๆ) จากการโทรกลับหมายความว่าเราจัดอันดับองค์ประกอบแรกให้สูงกว่าวินาที
การส่งคืน 1 (ค่าบวกใดๆ) จากการโทรกลับหมายความว่าเราจัดอันดับองค์ประกอบที่สองให้สูงกว่าอันดับแรก
การคืนค่า 0 จะไม่ทำให้มีการเปลี่ยนแปลง เราตรวจสอบว่า a หรือ b มีคุณสมบัติ isImportant เป็นเท็จหรือไม่ ถ้าใช่ เราจะจัดลำดับนั้นให้ต่ำกว่า มิฉะนั้น เราจะจัดอันดับตามวันที่ทรัพย์สิน
ตัวอย่าง
เรามาดูตัวอย่างฉบับสมบูรณ์กัน −
const array = [{ id: 545, date: 591020824000, isImportant: false, }, { id: 322, date: 591080224000, isImportant: false, }, { id: 543, bdate: 591080424000, isImportant: true, }, { id: 423, date: 591080225525, isImportant: false, }, { id: 135, date: 591020225525, isImportant: true, }, ]; array.sort((a, b) => { if(a.isImportant && !b.isImportant){ return -1; }else if(!a.isImportant && b.isImportant){ return 1; }else{ return b.date-a.date; } }); console.log(array);
ผลลัพธ์
ผลลัพธ์ของรหัสในคอนโซลจะเป็น −
[ { id: 3, date: 591080424000, isImportant: true },{ id: 5, date: 591020225525, isImportant: true }, { id: 4, date: 591080225525, isImportant: false },{ id: 2, date: 591080224000, isImportant: false }, { id: 1, date: 591020824000, isImportant: false } ]