将数组按顺序排列,优先显示数组中特定的项 - 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 }
]

更新时间: 01-Oct-2020

2,000+ 查看次数

开启你的 职业生涯

通过完成课程获得认证

开始使用
广告