首页 文章

按日期排序Javascript对象数组

提问于
浏览
461

假设我有一些对象的数组:

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

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

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

UPDATE

在我的具体情况下,我希望日期安排从最新到最旧 . 结果我不得不颠倒简单函数的逻辑:

array.sort(function(a, b) {
    a = new Date(a.dateModified);
    b = new Date(b.dateModified);
    return a>b ? -1 : a<b ? 1 : 0;
});

这会对最近的日期进行排序 .

15 回答

  • 76

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

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

    在这里找到:Sort date in Javascript

  • 0

    我能够使用以下行完成排序:

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

    您的数据需要一些更正:

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

    我刚刚采取了上面描述的Schwartzian transform并作为功能 . 它需要一个 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));
    
  • 15

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

    const sortByDateSpecificity = (a, b) => {
      const aLength = a.date.length
      const bLength = b.date.length
      const 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)
    }
    
  • 0

    最简单的答案

    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 transform定义自定义的非可枚举 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 .

  • 54

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

    //Sort by day, then month, then year
    for(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;
        }); 
    }
    
  • 2

    我推荐GitHub: Array sortBy - 使用Schwartzian transformsortBy 方法的最佳实现

    但是现在我们将尝试这种方法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"}
    ];
    

    使用它

    最后,我们按 "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"字段视为 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

  • 984

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

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

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

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

  • 22

    您可以在下划线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'));
    
  • 6
    ["12 Jan 2018" , "1 Dec 2018", "04 May 2018"].sort(function(a,b) {
        return new Date(a).getTime() - new Date(b).getTime()
    })
    
  • 0
    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)) 
    });
    
  • 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;
    });
    
  • 0

    你也可以用这个link . 它提供了可以传递给泛型 sort() 函数的回调函数

  • 2

    当你的日期采用这种格式时(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);

相关问题