วิธีการเรียงลำดับอาร์เรย์ตามคุณสมบัติวันที่


698

สมมติว่าฉันมีอาร์เรย์ของวัตถุบางอย่าง:

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

ฉันจะจัดเรียงอาร์เรย์นี้ตามองค์ประกอบวันที่ตามลำดับจากวันที่ใกล้เคียงที่สุดกับวันที่และเวลาปัจจุบันลงได้อย่างไร โปรดทราบว่าอาเรย์อาจมีวัตถุมากมาย แต่เพื่อความง่ายฉันใช้ 2

ฉันจะใช้ฟังก์ชั่นการเรียงลำดับและเครื่องมือเปรียบเทียบแบบกำหนดเองได้หรือไม่

UPDATE:

ในกรณีเฉพาะของฉันฉันต้องการวันที่เรียงจากวันล่าสุดถึงวันที่เก่าที่สุด ท้ายที่สุดฉันต้องย้อนกลับตรรกะของฟังก์ชันอย่างง่าย ๆ ดังนี้:

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

การเรียงลำดับวันที่จากล่าสุด


หากคุณใช้ตัวสร้างวันที่ให้ตรวจสอบstackoverflow.com/questions/5619202/
ohkts11

วิธีที่เร็วที่สุดคือการใช้โมดูลเรียงลำดับ isomorphic ซึ่งทำงานได้ทั้งในเบราว์เซอร์และโหนดสนับสนุนการป้อนข้อมูลทุกประเภทฟิลด์คำนวณและคำสั่งการเรียงลำดับแบบกำหนดเอง
Lloyd

คำตอบ:


1406

คำตอบที่ง่ายที่สุด

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ฟังก์ชั่นที่ไม่สามารถกำหนดเองได้โดยใช้การแปลง Schwartzianในอาร์เรย์ทั้งหมด:

(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สำหรับรายละเอียดเพิ่มเติม


2
ทำไมไม่return b-a;ตอบง่ายๆ
corbacho

19
ไม่แนะนำให้สร้างวัตถุ Date ใหม่ภายในวิธีการเรียงลำดับ มีปัญหาประสิทธิภาพการผลิตเป็นพิเศษด้วยเหตุผลดังกล่าว อย่าจัดสรรหน่วยความจำ (และ GC) ภายในวิธีการเรียงลำดับ
MikeMurko

4
ไวยากรณ์ตัวแรกเช่นให้ข้อผิดพลาดที่ angular7: ด้านซ้ายมือของการดำเนินการทางคณิตศาสตร์ต้องเป็นประเภท 'any', 'number', 'bigint' หรือประเภท enum
SURENDRANATH SONAWANE

1
@MikeMurko คุณทำการแก้ไขอย่างไร
Sireini

@SURENDRANATHSONAWANE แปลง Date เป็น Unix Timestamp: ส่งคืนวันที่ใหม่ (b.date) .getTime () - วันที่ใหม่ (a.date) .getTime ();
Robert Ostrowicki

147

@Phrogz คำตอบนั้นยอดเยี่ยม แต่นี่เป็นคำตอบที่ดีและกระชับยิ่งขึ้น:

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

ใช้วิธีฟังก์ชั่นลูกศร

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

พบที่นี่: วันที่เรียงใน Javascript


15
การทำคณิตศาสตร์โดยตรงa - bก็จะได้ผลเช่นกัน ดังนั้น, array.sort((a, b) => a - b)(es6)
yckart

นี่เป็นทางออกที่ดีเมื่อใช้ typescript
maartenpaauw

72

หลังจากแก้ไข 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;
});

45

ข้อมูลของคุณต้องการการแก้ไข:

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


สำหรับทุกคนที่ใช้ typescript ฉันสามารถจัดเรียงตามวันที่โดยใช้ฟังก์ชั่นนี้ในขณะที่คนอื่น ๆ ที่ใช้การลบวันที่ล้มเหลว
Danchat

24

ฉันแนะนำGitHub: Array sortBy - การใช้งานที่ดีที่สุดของsortByวิธีการที่ใช้การแปลง Schwartzian

แต่สำหรับตอนนี้เรากำลังจะลองวิธีนี้สรุปสาระสำคัญ: 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ประเภท:

//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


1
IE11 มีปัญหากับบรรทัด: if (toString.call (cfg)! == "[วัตถุวัตถุ]") cfg = {}; หากคุณแทนที่ด้วย if (Object.prototype.toString.call (cfg)! == "[วัตถุวัตถุ]") cfg = {}; คุณจะดีกับ IE11 เช่นกัน
skribbz14

1
วิธีแก้ปัญหาที่ยอดเยี่ยม
Moses Machua

14

สิ่งนี้ควรทำเมื่อวันที่ของคุณอยู่ในรูปแบบนี้ (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);


12

คุณสามารถใช้ sortBy ในขีดล่าง js

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

วิธีที่สมบูรณ์แบบและสั้นที่สุดที่จะทำ!
Bhavik Kalariya

8

ฉันจะเพิ่มที่นี่เนื่องจากการใช้งานบางอย่างอาจไม่สามารถหาวิธีที่จะกลับวิธีการเรียงลำดับนี้

หากต้องการจัดเรียงตาม 'กำลังจะมา' เราสามารถสลับ & a ได้เช่น:

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

โปรดสังเกตว่าaตอนนี้อยู่ทางด้านซ้ายและbอยู่ทางขวา: D!


7

ฉันใช้วิธีต่อไปนี้เพื่อเรียงลำดับวันที่เป็นการส่วนตัว

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

6

ฉันสามารถทำการเรียงลำดับโดยใช้บรรทัดด้านล่าง:

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

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

2

สำหรับผู้ที่ต้องการจัดเรียงตามวันที่ (รูปแบบสหราชอาณาจักร) ฉันใช้สิ่งต่อไปนี้:

//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

ฉันเพิ่งใช้การแปลงชวาร์เชียนที่ปรากฎด้านบนและทำให้เป็นฟังก์ชัน มันต้องใช้การ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));


2

ขอบคุณพระพิฆเนศ 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;
        });

1
อะไรคือสาเหตุลบ?
ЯновАлексей

2

ถ้าชอบฉันคุณมีอาร์เรย์ที่มีวันที่จัดรูปแบบเหมือนYYYY[-MM[-DD]]ที่คุณต้องการสั่งซื้อวันที่เฉพาะเจาะจงมากขึ้นก่อนที่จะเจาะจงน้อยกว่าฉันมาพร้อมกับฟังก์ชั่นที่มีประโยชน์นี้:

function 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
["12 Jan 2018" , "1 Dec 2018", "04 May 2018"].sort(function(a,b) {
    return new Date(a).getTime() - new Date(b).getTime()
})

โปรดอธิบายคำตอบของคุณสั้น ๆ และตรวจสอบการจัดรูปแบบของรหัสของคุณ
dthulke

จะล้มเหลวสำหรับวันที่เก่า
Oliver Dixon
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.