如何從 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 答案。