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

Question

我想从Nuxt.js中的数组中获取下一个第一个日期的对象。

我使用下面的计算部分中的方法手动显示对象：

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

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

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

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

我该如何解决？

Answer 1

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

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

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 answer。