Vue/JS 对象按日期排序，除非项目有 "pinned" 属性

Question

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

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

我主要需要按 story_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');

Answer 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);

Answer 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')
  ];
}

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

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

Vue/JS 对象按日期排序，除非项目有 "pinned" 属性

Vue/JS object order by date, except if an item has a "pinned" property

javascript

vue.js

vuejs2

vuejs3