Сортировка массива объектов с полем даты по дате

Question

Дайте следующий массив объектов, мне нужно отсортировать их по полю даты по возрастанию.

var myArray = [ 
    { 
    name: "Joe Blow", 
    date: "Mon Oct 31 2016 00:00:00 GMT-0700 (PDT)" 
    }, 
    { 
    name: "Sam Snead", 
    date: "Sun Oct 30 2016 00:00:00 GMT-0700 (PDT)" 
    }, 
    { 
    name: "John Smith", 
    date: "Sat Oct 29 2016 00:00:00 GMT-0700 (PDT)" 
    } 
]; 

так, что в этом примере, конечный результат будет Джон Смит, Сэм Снид, и Джо Blow.

Я пытаюсь использовать lodash-х _.sortBy(), но я не могу получить любой сортировки, чтобы иметь место независимо от того, как я пытаюсь использовать:

_.sortBy(myArray, function(dateObj) { 
    return dateObj.date; 
}); 

или

_.sortBy(myArray, 'date'); 

Что я нужно изменить, чтобы отсортировать мой массив правильно? У меня также есть Moment.js, поэтому я могу использовать его для форматирования строки даты, если это необходимо. Я попытался преобразовать свойство date с помощью .unix(), но это не изменило ситуацию.

Спасибо.

Answer 1

Вам не нужно lodash. Просто используйте метод JavaScript Array.prototype.sort.

Вам нужно будет создать Date объектов со строкой даты, прежде чем вы сможете их сравнить.

var myArray = [{ 
 
    name: "Joe Blow", 
 
    date: "Mon Oct 31 2016 00:00:00 GMT-0700 (PDT)" 
 
}, { 
 
    name: "Sam Snead", 
 
    date: "Sun Oct 30 2016 00:00:00 GMT-0700 (PDT)" 
 
}, { 
 
    name: "John Smith", 
 
    date: "Sat Oct 29 2016 00:00:00 GMT-0700 (PDT)" 
 
}]; 
 

 
myArray.sort(function compare(a, b) { 
 
    var dateA = new Date(a.date); 
 
    var dateB = new Date(b.date); 
 
    return dateA - dateB; 
 
}); 
 

 
console.log(myArray);

Answer 2

Ваши значения даты - это строки, поэтому вам необходимо использовать конструктор new Date(), чтобы изменить их на javascript date объектов. Таким образом, вы можете сортировать их (используя _.sortBy).

var myArray = [ 
 
    { 
 
    name: "Joe Blow", 
 
    date: "Mon Oct 31 2016 00:00:00 GMT-0700 (PDT)" 
 
    }, 
 
    { 
 
    name: "Sam Snead", 
 
    date: "Sun Oct 30 2016 00:00:00 GMT-0700 (PDT)" 
 
    }, 
 
    { 
 
    name: "John Smith", 
 
    date: "Sat Oct 29 2016 00:00:00 GMT-0700 (PDT)" 
 
    } 
 
]; 
 

 
myArray = _.sortBy(myArray, function(dateObj) { 
 
    return new Date(dateObj.date); 
 
}); 
 

 
console.log(myArray)

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.2/lodash.min.js"></script>

Answer 3

Вот решение с использованием стандартного Javascript путем преобразования оба значения даты объекта и сравнения их стоимости.

myArray.sort((d1, d2) => new Date(d1.date).getTime() - new Date(d2.date).getTime()); 

Полный фрагмент кода:

var myArray = [ 
 
    { 
 
    name: "Joe Blow", 
 
    date: "Mon Oct 31 2016 00:00:00 GMT-0700 (PDT)" 
 
    }, 
 
    { 
 
    name: "Sam Snead", 
 
    date: "Sun Oct 30 2016 00:00:00 GMT-0700 (PDT)" 
 
    }, 
 
    { 
 
    name: "John Smith", 
 
    date: "Sat Oct 29 2016 00:00:00 GMT-0700 (PDT)" 
 
    } 
 
]; 
 

 
myArray.sort((d1, d2) => new Date(d1.date).getTime() - new Date(d2.date).getTime()); 
 

 
console.log(myArray);