如何从 Nuxt.js / Vue.js 中的数组中获取具有第一个下一个日期的 object？

Question

我想从 Nuxt.js 的数组中获取具有第一个下一个日期的 object。

我在计算部分使用以下方法手动显示 object：

showObject(){
    const myData = Object.keys(this.fixtures).map(key => this.fixtures[key]);
    return myData.find(x => x.teams.home.uid === this.teamID && x._dt.date === '04/06/2020');
}

这意味着我必须不断更改日期。

我想检查数组中的对象，看看下一个要获取的是哪个 object。

尝试使用@nuxtjs/moment，但我失败了。

我该如何解决这个问题？

Answer 1

您需要根据日期顺序将数组排序。 您可以使用自定义排序 function 来执行此操作。 然后，您可以将索引增加一并访问数组中的下一个元素。

这是一个如何按日期对数组进行排序的示例。

 const array = [{ date: new Date(), value: 123 }, { date: new Date(), value: 321 }, { date: new Date(), value: 'test' }]; console.log(array.sort((a, b) => { return a.date - b.date; }));

另请参阅此StackOverflow 答案。