如何按日期属性对对象数组进行排序?

假设我有一个包含几个对象的数组:

var array = [{id: 1, date: Mar 12 2012 10:00:00 AM}, {id: 2, date: Mar 8 2012 08:00:00 AM}];

如何按日期元素对这个数组进行排序,从最接近当前日期和时间的日期开始?请记住,数组可能有许多对象,但为了简单起见,我使用了2。

我会使用排序函数和自定义比较器吗?

1304038 次浏览

最简单的答案

array.sort(function(a,b){// Turn your strings into dates, and then subtract them// to get a value that is either negative, positive, or zero.return new Date(b.date) - new Date(a.date);});

更通用的答案

array.sort(function(o1,o2){if (sort_o1_before_o2)    return -1;else if(sort_o1_after_o2) return  1;else                      return  0;});

或者更简洁:

array.sort(function(o1,o2){return sort_o1_before_o2 ? -1 : sort_o1_after_o2 ? 1 : 0;});

通用,强大的答案

在所有数组上使用施瓦茨变换定义自定义不可枚举的sortBy函数:

(function(){if (typeof Object.defineProperty === 'function'){try{Object.defineProperty(Array.prototype,'sortBy',{value:sb}); }catch(e){}}if (!Array.prototype.sortBy) Array.prototype.sortBy = sb;
function sb(f){for (var i=this.length;i;){var o = this[--i];this[i] = [].concat(f.call(o,o,i),o);}this.sort(function(a,b){for (var i=0,len=a.length;i<len;++i){if (a[i]!=b[i]) return a[i]<b[i]?-1:1;}return 0;});for (var i=this.length;i;){this[--i]=this[i][this[i].length-1];}return this;}})();

像这样使用它:

array.sortBy(function(o){ return o.date });

如果你的日期不是直接可比的,那就用它来做一个可比的日期。

array.sortBy(function(o){ return new Date( o.date ) });

如果返回值数组,您还可以使用它按多个条件排序:

// Sort by date, then score (reversed), then namearray.sortBy(function(o){ return [ o.date, -o.score, o.name ] };

请参阅http://phrogz.net/JS/Array.prototype.sortBy.js了解更多详情。

纠正JSON后,现在应该可以使用:

var array = [{id: 1, date:'Mar 12 2012 10:00:00 AM'}, {id: 2, date:'Mar 8 2012 08:00:00 AM'}];

array.sort(function(a, b) {var c = new Date(a.date);var d = new Date(b.date);return c-d;});

您的数据需要一些更正:

var array = [{id: 1, date: "Mar 12 2012 10:00:00 AM"},{id: 2, date: "Mar 28 2012 08:00:00 AM"}];

更正数据后,您可以使用这段代码:

function sortFunction(a,b){var dateA = new Date(a.date).getTime();var dateB = new Date(b.date).getTime();return dateA > dateB ? 1 : -1;};
var array = [{id: 1, date: "Mar 12 2012 10:00:00 AM"},{id: 2, date: "Mar 28 2012 08:00:00 AM"}];array.sort(sortFunction);​

这两个答案都很棒,但这里有一个更简洁的答案:

array.sort(function(a,b){return a.getTime() - b.getTime()});

使用箭头函数的方式

array.sort((a,b)=>a.getTime()-b.getTime());

在这里找到:在JavaScript中排序日期

我推荐GitHub:数组sortBy-使用施瓦茨变换sortBy方法的最佳实现

但现在我们将尝试这种方法简介:sortBy-old.js
让我们创建一个方法来对能够按某个属性排列对象的数组进行排序。

创建排序函数

var sortBy = (function () {var toString = Object.prototype.toString,// default parser functionparse = function (x) { return x; },// gets the item to be sortedgetItem = function (x) {var isObject = x != null && typeof x === "object";var isProp = isObject && this.prop in x;return this.parser(isProp ? x[this.prop] : x);};      
/*** Sorts an array of elements.** @param {Array} array: the collection to sort* @param {Object} cfg: the configuration options* @property {String}   cfg.prop: property name (if it is an Array of objects)* @property {Boolean}  cfg.desc: determines whether the sort is descending* @property {Function} cfg.parser: function to parse the items to expected type* @return {Array}*/return function sortby (array, cfg) {if (!(array instanceof Array && array.length)) return [];if (toString.call(cfg) !== "[object Object]") cfg = {};if (typeof cfg.parser !== "function") cfg.parser = parse;cfg.desc = !!cfg.desc ? -1 : 1;return array.sort(function (a, b) {a = getItem.call(cfg, a);b = getItem.call(cfg, b);return cfg.desc * (a < b ? -1 : +(a > b));});};  
}());

设置未排序的数据

var data = [{date: "2011-11-14T17:25:45Z", quantity: 2, total: 200, tip: 0,   type: "cash"},{date: "2011-11-14T16:28:54Z", quantity: 1, total: 300, tip: 200, type: "visa"},{date: "2011-11-14T16:30:43Z", quantity: 2, total: 90,  tip: 0,   type: "tab"},{date: "2011-11-14T17:22:59Z", quantity: 2, total: 90,  tip: 0,   type: "tab"},{date: "2011-11-14T16:53:41Z", quantity: 2, total: 90,  tip: 0,   type: "tab"},{date: "2011-11-14T16:48:46Z", quantity: 2, total: 90,  tip: 0,   type: "tab"},{date: "2011-11-31T17:29:52Z", quantity: 1, total: 200, tip: 100, type: "visa"},{date: "2011-11-01T16:17:54Z", quantity: 2, total: 190, tip: 100, type: "tab"},{date: "2011-11-14T16:58:03Z", quantity: 2, total: 90,  tip: 0,   type: "tab"},{date: "2011-11-14T16:20:19Z", quantity: 2, total: 190, tip: 100, type: "tab"},{date: "2011-11-14T17:07:21Z", quantity: 2, total: 90,  tip: 0,   type: "tab"},{date: "2011-11-14T16:54:06Z", quantity: 1, total: 100, tip: 0,   type: "cash"}];

用它

最后,我们将数组按"date"属性排列为string

//sort the object by a property (ascending)//sorting takes into account uppercase and lowercasesortBy(data, { prop: "date" });

如果要忽略字母大小写,请设置"parser"回调:

//sort the object by a property (descending)//sorting ignores uppercase and lowercasesortBy(data, {prop: "date",desc: true,parser: function (item) {//ignore case sensitivereturn item.toUpperCase();}});

如果您想将“日期”字段视为Date类型:

//sort the object by a property (ascending)//sorting parses each item to Date typesortBy(data, {prop: "date",parser: function (item) {return new Date(item);}});

在这里你可以使用上面的例子:
jsbin.com/lesebi

对于任何想要按日期(英国格式)排序的人,我使用了以下内容:

//Sort by day, then month, then yearfor(i=0;i<=2; i++){dataCourses.sort(function(a, b){
a = a.lastAccessed.split("/");b = b.lastAccessed.split("/");
return a[i]>b[i] ? -1 : a[i]<b[i] ? 1 : 0;});}

你可以在下划线js中使用sortBy。

http://underscorejs.org/#sortBy

样本:

var log = [{date: '2016-01-16T05:23:38+00:00', other: 'sample'},{date: '2016-01-13T05:23:38+00:00',other: 'sample'},{date: '2016-01-15T11:23:38+00:00', other: 'sample'}];
console.log(_.sortBy(log, 'date'));

我能够使用以下行实现排序:

array.sort(function(a, b){if (a.DueDate > b.DueDate) return 1;if (a.DueDate < b.DueDate) return -1;})

我将在这里添加它,因为某些用途可能无法解决如何反转此排序方法。

要按“即将到来”排序,我们可以简单地交换a&b,如下所示:

your_array.sort ( (a, b) => {return new Date(a.DateTime) - new Date(b.DateTime);});

请注意,a现在位于左侧,b位于右侧:D!

我刚刚将上面描述的施瓦茨变换作为函数。它将array、排序function和布尔值作为输入:

function schwartzianSort(array,f,asc){for (var i=array.length;i;){var o = array[--i];array[i] = [].concat(f.call(o,o,i),o);}array.sort(function(a,b){for (var i=0,len=a.length;i<len;++i){if (a[i]!=b[i]) return a[i]<b[i]?asc?-1:1:1;}return 0;});for (var i=array.length;i;){array[--i]=array[i][array[i].length-1];}return array;}

function schwartzianSort(array, f, asc) {for (var i = array.length; i;) {var o = array[--i];array[i] = [].concat(f.call(o, o, i), o);}array.sort(function(a, b) {for (var i = 0, len = a.length; i < len; ++i) {if (a[i] != b[i]) return a[i] < b[i] ? asc ? -1 : 1 : 1;}return 0;});for (var i = array.length; i;) {array[--i] = array[i][array[i].length - 1];}return array;}
arr = []arr.push({date: new Date(1494434112806)})arr.push({date: new Date(1494434118181)})arr.push({date: new Date(1494434127341)})
console.log(JSON.stringify(arr));
arr = schwartzianSort(arr, function(o) {return o.date}, false)console.log("DESC", JSON.stringify(arr));
arr = schwartzianSort(arr, function(o) {return o.date}, true)console.log("ASC", JSON.stringify(arr));

当您的日期为这种格式(dd/mm/yyyy)时,应该这样做。

  sortByDate(arr) {arr.sort(function(a,b){return Number(new Date(a.readableDate)) - Number(new Date(b.readableDate));});
return arr;}

然后调用sortByDate(myArr);

如果像我一样,你有一个日期格式为YYYY[-MM[-DD]]的数组,你想在不太具体的日期之前订购更具体的日期,我想出了这个方便的函数:

function sortByDateSpecificity(a, b) {const aLength = a.date.lengthconst bLength = b.date.lengthconst aDate = a.date + (aLength < 10 ? '-12-31'.slice(-10 + aLength) : '')const bDate = b.date + (bLength < 10 ? '-12-31'.slice(-10 + bLength) : '')return new Date(aDate) - new Date(bDate)}
Adding absolute will give better results
var datesArray =[{"some":"data1","date": "2018-06-30T13:40:31.493Z"},{"some":"data2","date": "2018-07-04T13:40:31.493Z"},{"some":"data3","date": "2018-06-27T13:40:54.394Z"}]
var sortedJsObjects = datesArray.sort(function(a,b){return Math.abs(new Date(a.date) - new Date(b.date))});
["12 Jan 2018" , "1 Dec 2018", "04 May 2018"].sort(function(a,b) {return new Date(a).getTime() - new Date(b).getTime()})

我个人使用以下方法对日期进行排序。

let array = ["July 11, 1960", "February 1, 1974", "July 11, 1615", "October 18, 1851", "November 12, 1995"];
array.sort(function(date1, date2) {date1 = new Date(date1);date2 = new Date(date2);if (date1 > date2) return 1;if (date1 < date2) return -1;})

谢谢Ganesh Sanap。按日期字段从旧到新排序项目。使用它

 myArray = [{transport: "Air",load: "Vatican Vaticano",created: "01/31/2020"},{transport: "Air",load: "Paris",created: "01/30/2020"}]
myAarray.sort(function(a, b) {var c = new Date(a.created);var d = new Date(b.created);return c-d;});

使用ES6箭头函数,您可以进一步编写一行简洁的代码(不包括变量声明)。

举例:

var isDescending = true; //set to false for ascendingconsole.log(["8/2/2020","8/1/2020","8/13/2020", "8/2/2020"].sort((a,b) => isDescending ? new Date(b).getTime() - new Date(a).getTime() : new Date(a).getTime() - new Date(b).getTime()));

由于上述日期不存在时间,Date对象将考虑以下默认时间进行排序:

时间00:00:00

该代码适用于升序和降序排序。只需根据需要更改isDescending变量的值。

带有日期的字符串在JavaScript中具有可比性(如果它们在语法上相同),例如:

'2020-12-01' < '2020-12-02' == true

这意味着您可以在自定义排序函数中使用此表达式:

var arr = [{id:1, date:'2020-12-01'}, {id:1, date:'2020-12-15'}, {id:1, date:'2020-12-12'}]
function sortByDate(a, b) {if (a.date < b.date) {return 1;}if (a.date > b.date) {return -1;}return 0;}
const sorted = arr.sort(sortByDate);console.log(sorted);

感谢上面那些精彩的答案。我想到了一个稍微复杂的答案。只是给那些想比较不同答案的人。

const data = ['2-2018', '1-2018','3-2018', '4-2018','1-2019', '2-2019','3-2019', '4-2019','1-2020', '3-2020','4-2020', '1-2021']
let eachYearUniqueMonth = data.reduce((acc, elem) => {const uniqueDate = Number(elem.match(/(\d+)\-(\d+)/)[1])const uniqueYear = Number(elem.match(/(\d+)\-(\d+)/)[2])

if (acc[uniqueYear] === undefined) {acc[uniqueYear] = []} else{if (acc[uniqueYear]  && !acc[uniqueYear].includes(uniqueDate)) {acc[uniqueYear].push(uniqueDate)}}
return acc;}, {})

let group = Object.keys(eachYearUniqueMonth).reduce((acc,uniqueYear)=>{eachYearUniqueMonth[uniqueYear].forEach(uniqueMonth=>{acc.push(`${uniqueYear}-${uniqueMonth}`)})  
return acc;},[])
console.log(group);   //["2018-1", "2018-3", "2018-4", "2019-2", "2019-3", "2019-4", "2020-3", "2020-4"]

arr是一个对象数组,每个对象都有date_prop这是一个日期。您可以像这样按降序/降序对其进行排序

 arr = arr.sort(function (a, b) {var dateA = new Date(a.date_prop).getTime();var dateB = new Date(b.date_prop).getTime();return dateA < dateB ? 1 : -1; // ? -1 : 1 for ascending/increasing order});

以上答案都是好的😊,这是我用ES6方式排序日期的实现,我使用Date.parse(是全局Date对象)这将把Date的字符串表示转换为毫秒数。而不是每次实例化new Date对象。

var array = ["2021-08-10T07:24:30.087+0000" , "2021-09-30T07:24:30.087+0000", "2021-10-13T07:24:30.087+0000"];
// sorting with latest datearray.sort((a,b) => Date.parse(b) - Date.parse(a))

我有一个对象数组,其中键'time'包含iso格式的日期

示例-2021-12-24T11:02:20.370705

arr.sort(function(a,b){return a.time > b.time ? 1 : a.time < b.time ? -1 : 0 });

上面的工作对我来说就像一个魅力!

这是解决你问题的捷径。

  var array = [{id: 1, date: 'Mar 12 2012 10:00:00 AM'}, {id: 2, date: 'Mar 8 2012 08:00:00 AM'}];
var sortedArray = array.sort((a,b) => Date.parse(new Date(a.date)) - Date.parse(new Date(b.date)));

简单的一行解决方案让我对日期进行排序:

sort((a, b) => (a < b ? 1 : -1))
  • 如果您使用MongoDB,其中一个解决方案是:
db.collection.find({}).sort("your date field");For example:db.collection.find({}).sort("createdAt");