Vue/JS 对象按日期排序，除非项目具有“固定”属性

Posted 2023-02-16

【中文标题】Vue/JS 对象按日期排序，除非项目具有“固定”属性

【英文标题】：Vue/JS object order by date, except if an item has a "pinned" property

【发布时间】：2021-12-29 16:47:32

【问题描述】：

我有一个如下新闻源项目的对象。

['story_id':130,'pinned':0,....,'story_id':131,'pinned':1,....,'story_id':132,'pinned':0,....,'story_id':133,'pinned':0,....]

我需要主要按故事 ID DESC 对新闻故事进行排序。但是，如果故事具有 'pinned'=1 属性，则它必须是第一个。

filtered_news_feed: function() 
    var list= _.orderBy(this.feed_items, ['story_id'],'desc');
    return list;
,

以上方法可行，但我如何先做固定的项目，然后再做其他的？由于某种原因，下面完全忽略了story_id

var list= _.orderBy(this.feed_items, ['pinned','story_id'],'desc');

【参考方案1】：

使用Array#sort:

const arr = [ 'story_id':130,'pinned':0, 'story_id':131,'pinned':1, 'story_id':132,'pinned':0, 'story_id':133,'pinned':0 ];

const sorted = arr.sort(
  ( story_id: storyIdA, pinned: pinnedA ,  story_id: storyIdB, pinned: pinnedB ) => 
    pinnedB - pinnedA || storyIdB - storyIdA
);

console.log(sorted);

【参考方案2】：

您可以通过多种方式实现此结果，其中之一是：

filtered_news_feed: function() 
  const pinnedItems = this.feed_items.filter(item => item.pinned === 1);
  const normalItems = this.feed_items.filter(item => item.pinned === 0);

  return [
     ...pinnedItems,
     _.orderBy(normalItems, ['story_id'], 'desc')
  ];

首先，将固定项目与普通项目分开。然后返回合并后的数组，并在开头固定项目。

注意：我在这里使用了 ES 的现代特性。你应该通过 babel 或其他工具编译它。