问答中心分类: JAVASCRIPT如何按日期属性对对象数组排序?
0
匿名用户 提问 5天 前

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

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

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

22 Answers
0
Gal 回答 5天 前

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

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

使用箭头功能方式

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

在此处找到:Javascript中的排序日期

yckart 回复 5天 前

直接做数学a - b也会起作用。所以array.sort((a, b) => a - b)(es6)

aRIEL 回复 5天 前

a.getTime() - b.getTime()要快得多a - b

serge 回复 5天 前

简洁,简洁,如果你只定义了日期。。。

Salman A 回复 5天 前

为了澄清,减去2Date对象就足够了。这个-接线员呼叫valueOf物体减法;和Date.valueOf返回与相同的值Date.getTime.

0
qw3n 回答 5天 前

更正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;
});
0
gabitzish 回答 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);​
Danchat 回复 5天 前

对于任何使用Typescript的人,我可以使用这个函数按日期排序,而其他使用日期减法的人则失败了。

quick007 回复 5天 前

有什么不同?我看到了不同类型的引号和空格,但这不重要,还是我遗漏了什么?

0
Saran 回答 5天 前

以上答案都很好😊, 这是我以ES6方式实现的日期排序,我使用Date.parse(是全局日期对象)这将日期的字符串表示形式转换为毫秒数。而不是实例化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 date
array.sort((a,b) => Date.parse(b) - Date.parse(a))
SAMUEL 回复 5天 前

答案片段不适合这个问题。您可以更新答案以匹配问题或将其删除。

CrackerKSR 回复 5天 前

谢谢它将所有图像正确排序

这个很好用@s

0
jherax 回答 5天 前

我推荐GitHub:数组排序-的最佳实现sortBy使用施瓦茨变换
但现在我们将尝试这种方法要点:肮脏的老。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"}
];

使用它
最后,我们通过"date"属性为string

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

在这里,您可以使用上述示例:
杰斯宾。com/lesebi

skribbz14 回复 5天 前

IE11的线路有问题:if(toString.call(cfg)!==“[对象对象]”)cfg={};如果用If(Object.prototype.toString.call(cfg)!==“[对象对象]”)cfg={};你们也会很好地使用IE11。