Как получить объект с первой следующей датой из массива в 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 .