在 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 }
]

更新於:2020-10-24

91 次瀏覽

開啟你的 職業

完成課程,獲得認證

立即開始
廣告
© . All rights reserved.