จัดเรียงอาร์เรย์ให้รายการเฉพาะอยู่หน้าสุด - JavaScript

สมมติว่าเรามีอาร์เรย์ของออบเจกต์ดังนี้:

const arr = [
  {flag: true, other: 1},
  {flag: true, other: 2},
  {flag: false, other: 3},
  {flag: true, other: 4},
  {flag: true, other: 5},
  {flag: true, other: 6},
  {flag: false, other: 7}
];

เราต้องเขียนฟังก์ชัน JavaScript ที่รับอาร์เรย์แบบนี้และจัดเรียงตามเงื่อนไขดังนี้:

• ถ้า arr.flag === false ให้วางองค์ประกอบนั้นไว้หน้าสุด แต่หลังองค์ประกอบที่ตรงเงื่อนไขก่อนหน้า
• องค์ประกอบที่ไม่ตรงเงื่อนไข คงลำดับเดิมไว้
• ลำดับการปรากฏมีความสำคัญ

ดังนั้น สำหรับอาร์เรย์ข้างต้น ผลลัพธ์ควรเป็น:

const output = [
  {flag: false, other: 3},
  {flag: false, other: 7},
  {flag: true, other: 1},
  {flag: true, other: 2},
  {flag: true, other: 4},
  {flag: true, other: 5},
  {flag: true, other: 6}
];

ตัวอย่าง

const arr = [
  {flag: true, other: 1},
  {flag: true, other: 2},
  {flag: false, other: 3},
  {flag: true, other: 4},
  {flag: true, other: 5},
  {flag: true, other: 6},
  {flag: false, other: 7}
];
const sortByFlag = arr => {
  const sorter = (a, b) => {
    if (!a['flag'] && b['flag']) {
      return -1;
    }
    if (a['flag'] && !b['flag']) {
      return 1;
    }
    return a['other'] - b['other'];
  };
  arr.sort(sorter);
};
sortByFlag(arr);
console.log(arr);

ผลลัพธ์

โค้ดนี้จะแสดงผลลัพธ์ดังต่อไปนี้บนคอนโซล:

[
  { flag: false, other: 3 },
  { flag: false, other: 7 },
  { flag: true, other: 1 },
  { flag: true, other: 2 },
  { flag: true, other: 4 },
  { flag: true, other: 5 },
  { flag: true, other: 6 }
]