如何通过日期属性对对象数组进行排序？

Question

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

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

如何按照日期元素将此数组排序，以离当前日期和时间最近的日期为主，并向下排序？请注意，该数组可能有许多对象，但为了简单起见，我只使用了两个。

我应该使用sort函数和自定义比较器吗？

- ryandlf

---

如果您使用Date构造函数，请先查看此链接 https://dev59.com/PW035IYBdhLWcg3wHsKR - ohkts11

最快的方法是使用同构的 sort-array 模块，它可以在浏览器和 Node 中本地运行，支持任何类型的输入、计算字段和自定义排序顺序。 - Lloyd

似乎这个问题还没有得到解答。以下回答中没有一个解释如何“按最接近当前日期的日期订购”。 - d13

不是直接相关的，但如果有人试图对从数据库获取的数据进行排序，应该在SQL查询中完成。 - Fed

@Fed 不应该这样说。这完全取决于具体情况。在许多情况下，即使这个特定的数据来自数据库，客户端排序也是有意义的。 - glennsl

Answer 1

最简单的回答

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

通用、强大的解决方案

通过在所有数组上使用Schwartzian变换定义自定义非枚举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 name
array.sortBy(function(o){ return [ o.date, -o.score, o.name ] };

更多详情请参见http://phrogz.net/JS/Array.prototype.sortBy.js

- Phrogz

---

为什么简单回答中不只是返回 b-a;？ - corbacho

不建议在sort方法内部创建新的Date对象。由于这个原因在生产环境中会出现性能问题。不要在sort方法内部分配内存（和垃圾回收）。 - MikeMurko

首个示例代码在 Angular7 中出现错误：算术运算的左侧操作数必须是 'any'、'number'、'bigint' 或枚举类型。 - Surendranath Sonawane

根据日期属性的类型/格式不同而异，但如果它是一个标准的“Date”对象，则@Gal的回复是最快的且没有分配。在Chrome中，“a-b”注释实际上非常慢（https://jsperf.com/date-sort-mm/1）。如果日期只是ISO字符串，那么比较它们最快的方法就是`a > b ? 1 : a < b ? -1 : 0`。 - MikeMurko

如果你正在使用TS并想通过它们的日期属性对对象进行排序，你可以像这样使用第一种选项：对于降序，使用return +b.date - +a.date;，对于升序，交换'a'和'b'的顺序。 - Edwardcho Vaklinov

Answer 2

@Phrogz的答案都很好，但这里有一个更简洁的答案：

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

使用箭头函数的方式

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

此处找到：JavaScript中的日期排序

- Gal

---

直接计算 a - b 也可以。所以，array.sort((a, b) => a - b)（es6） - yckart

a.getTime() - b.getTime() is considerably faster then a - b - aRIEL

如果你只定义了日期，那么请保持简洁。 - serge

请注意，减去两个“Date”对象就足够了。 “-”运算符调用对象的“valueOf”方法进行减法运算；而“Date.valueOf”返回与“Date.getTime”相同的值。 - Salman A

TypeScript对简单的 "a - b" 方法抛出错误，但使用 getTime 方法可以正常工作。 - Kepi

Answer 3

在修正了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;
});

- qw3n

Answer 4

以上答案都很好，以下是我用 ES6 的方式实现对日期进行排序的代码。我使用全局的 Date 对象中的 Date.parse 方法，它会将日期的字符串表示形式转换为毫秒数值，而不需要每次都创建一个新的 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 date
array.sort((a,b) => Date.parse(b) - Date.parse(a))

- Saran

---

答案片段不适合该问题。您可以更新您的答案以匹配问题或删除它。 - SAMUEL

谢谢。它可以正确地对所有图像进行排序。 - CrackerKSR

这个完美地运作了。@s - Daggie Blanqx - Douglas Mwangi

这将对一个普通的日期数组进行排序，而不是一个具有日期属性的对象数组，这也是问题所在。 - Coreus

这是对我来说唯一与TypeScript兼容的答案（也请参见此处的答案：https://dev59.com/g7Hma4cB1Zd3GeqPQsUS#54634547）。 - fredrivett

只是提醒一下，这似乎不能处理英国日期格式（dd/mm/yyyy）。例如，Date.parse("23/05/2023") = NaN。 - undefined

Answer 5

您的数据需要一些修正：

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);​

- gabitzish

---

不要忘记在必要时返回 0！ - Bergi

对于使用 TypeScript 的人，我能够使用这个函数按日期进行排序，而其他使用日期减法的函数则失败了。 - Danchat

有什么区别吗？我看到不同类型的引号和一个空格，但这不应该有影响，或者我漏掉了什么吗？ - quick007

Answer 6

我推荐GitHub: Array sortBy - 一个最佳的sortBy方法实现，它使用了Schwartzian transform（斯瓦茨变换）

但是现在我们将尝试这种方法Gist: sortBy-old.js。
让我们创建一个函数来对数组进行排序，并且可以按某个属性排序对象。

创建排序函数

var sortBy = (function () {
  var toString = Object.prototype.toString,
      // default parser function
      parse = function (x) { return x; },
      // gets the item to be sorted
      getItem = 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"}
];

使用它

最后，我们按string的方式通过"date"属性排列数组。

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

如果您想忽略字母大小写，请设置"parser"回调函数：

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

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

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

在这里，你可以玩弄上面的例子：
jsbin.com/lesebi

- jherax

---

IE11在以下代码行存在问题：if (toString.call(cfg) !== "[object Object]") cfg = {}; 如果你将其替换为if (Object.prototype.toString.call(cfg) !== "[object Object]") cfg = {}; 你也可以在IE11中正常运行。 - skribbz14

Answer 7

当您的日期格式为 (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);

- Edison D'souza

Answer 8

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

- Rohan Kumar Thakur

---

如果日期相同，您必须返回0。 - Salman A

Answer 9

你可以使用underscore.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'));

- Robert

Answer 10

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

例如：

var isDescending = true; //set to false for ascending
console.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变量的值即可。

- varad_s