How to sort an object array by date property

Question

Say I have an array of a few objects  var array     id  1  date  Mar 12 2012 10 00 00 AM    id  2  date  Mar 8 2012 08 00 00 AM     How can I sort this array by the date element in order from the date closest to the current date and time down  Keep in mind that the array may have many objects  but for the sake of simplicity I used 2  Would I use the sort function and a custom comparator

User · Answer

With ES6 arrow functions  you can further write just one line of concise code  excluding variable declaration   Eg    x000D   x000D  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    gt  isDescending   new Date b  getTime   - new Date a  getTime     new Date a  getTime   - new Date b  getTime      x000D   x000D   x000D   Since time does not exists with the above dates  the Date object will consider following default time for sorting   00 00 00  The code will work for both ascending and descending sort  Just change the value of isDescending variable as required

User · Answer

Your data needs some corrections   var array     id  1  date   Mar 12 2012 10 00 00 AM    id  2  date   Mar 28 2012 08 00 00 AM       After correcting the data  you can use this piece of code   function sortFunction a b         var dateA   new Date a date  getTime        var dateB   new Date b date  getTime        return dateA  gt  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

User · Answer

I have just taken the Schwartzian transform depicted above and made as function  It takes an array  the sorting function and a boolean as input   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 lt len   i           if  a i   b i   return a i  lt b i  asc -1 1 1                return 0              for  var i array length i          array --i  array i  array i  length-1             return array         x000D   x000D  function schwartzianSort array  f  asc    x000D    for  var i   array length  i     x000D      var o   array --i   x000D      array i       concat f call o  o  i   o   x000D      x000D    array sort function a  b    x000D      for  var i   0  len   a length  i  lt  len    i    x000D        if  a i     b i   return a i   lt  b i    asc   -1   1   1  x000D        x000D      return 0  x000D        x000D    for  var i   array length  i     x000D      array --i    array i  array i  length - 1   x000D      x000D    return array  x000D    x000D   x000D  arr      x000D  arr push   x000D    date  new Date 1494434112806  x000D     x000D  arr push   x000D    date  new Date 1494434118181  x000D     x000D  arr push   x000D    date  new Date 1494434127341  x000D     x000D   x000D  console log JSON stringify arr    x000D   x000D  arr   schwartzianSort arr  function o    x000D    return o date x000D     false  x000D  console log  DESC   JSON stringify arr    x000D   x000D  arr   schwartzianSort arr  function o    x000D    return o date x000D     true  x000D  console log  ASC   JSON stringify arr    x000D   x000D   x000D

User · Answer

Thank you Ganesh Sanap  sorting items by date field from old to new   Use it   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

User · Answer

After correcting the JSON this should work for you now   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

User · Answer

Phrogz answers are both great  but here is a great  more concise answer   array sort function a b  return a getTime   - b getTime        Using the arrow function way  array sort  a b   gt a getTime  -b getTime       found here  Sort date in Javascript

User · Answer

I personally use following approach to sort dates   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  gt  date2  return 1     if  date1  lt  date2  return -1

User · Answer

i was able to achieve sorting using below lines   array sort function a  b       if  a DueDate  gt  b DueDate  return 1     if  a DueDate  lt  b DueDate  return -1

User · Answer

You could use sortBy in underscore js    http   underscorejs org  sortBy  Sample   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

User · Answer

For anyone who is wanting to sort by date  UK format   I used the following     Sort by day  then month  then year for i 0 i lt  2  i         dataCourses sort function a  b            a   a lastAccessed split               b   b lastAccessed split                return a i  gt b i    -1   a i  lt b i    1   0

User · Answer

I m going to add this here  as some uses may not be able to work out how to invert this sorting method   To sort by  coming up   we can simply swap a  amp  b  like so   your array sort    a  b    gt          return new Date a DateTime  - new Date b DateTime         Notice that a is now on the left hand side  and b is on the right   D

User · Answer

12 Jan 2018     1 Dec 2018    04 May 2018   sort function a b        return new Date a  getTime   - new Date b  getTime

User · Answer

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

User · Answer

If like me you have an array with dates formatted like YYYY -MM -DD   where you d like to order more specific dates before less specific ones  I came up with this handy function   function sortByDateSpecificity a  b      const aLength   a date length   const bLength   b date length   const aDate   a date    aLength  lt  10    -12-31  slice -10   aLength          const bDate   b date    bLength  lt  10    -12-31  slice -10   bLength          return new Date aDate  - new Date bDate

User · Answer

Simplest Answer  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         More Generic Answer  array sort function o1 o2     if  sort o1 before o2     return -1    else if sort o1 after o2  return  1    else                      return  0        Or more tersely   array sort function o1 o2     return sort o1 before o2   -1   sort o1 after o2   1   0        Generic  Powerful Answer  Define a custom non-enumerable sortBy function using a Schwartzian transform on all arrays     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 lt len   i           if  a i   b i   return a i  lt b i  -1 1                return 0              for  var i this length i          this --i  this i  this i  length-1             return this              Use it like so   array sortBy function o   return o date       If your date is not directly comparable  make a comparable date out of it  e g   array sortBy function o   return new Date  o date         You can also use this to sort by multiple criteria if you return an array of values      Sort by date  then score  reversed   then name array sortBy function o   return   o date  -o score  o name        See http   phrogz net JS Array prototype sortBy js for more details

User · Answer

This should do when your date is in this format  dd mm yyyy      sortByDate arr        arr sort function a b         return Number new Date a readableDate   - Number new Date b readableDate                 return arr        Then call sortByDate myArr

User · Answer

Thanks for those brilliant answers on top  I have thought a slightly complicated answer  Just for those who want to compare different answers  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    gt        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    amp  amp   acc uniqueYear  includes uniqueDate               acc uniqueYear  push uniqueDate                     return acc           let group   Object keys eachYearUniqueMonth  reduce  acc uniqueYear   gt       eachYearUniqueMonth uniqueYear  forEach uniqueMonth  gt       acc push    uniqueYear -  uniqueMonth              return acc         console log group         quot 2018-1 quot    quot 2018-3 quot    quot 2018-4 quot    quot 2019-2 quot    quot 2019-3 quot    quot 2019-4 quot    quot 2020-3 quot    quot 2020-4 quot

User · Answer

I recommend GitHub  Array sortBy - a best implementation of sortBy method which uses the Schwartzian transform But for now we are going to try this approach Gist  sortBy-old js  Let s create a method to sort arrays being able to arrange objects by some property  Creating the sorting function  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  amp  amp  typeof x      quot object quot           var isProp   isObject  amp  amp  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  amp  amp  array length   return         if  toString call cfg       quot  object Object  quot   cfg           if  typeof cfg parser      quot function quot   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  lt  b   -1     a  gt  b                           Setting unsorted data var data        date   quot 2011-11-14T17 25 45Z quot   quantity  2  total  200  tip  0    type   quot cash quot       date   quot 2011-11-14T16 28 54Z quot   quantity  1  total  300  tip  200  type   quot visa quot       date   quot 2011-11-14T16 30 43Z quot   quantity  2  total  90   tip  0    type   quot tab quot       date   quot 2011-11-14T17 22 59Z quot   quantity  2  total  90   tip  0    type   quot tab quot       date   quot 2011-11-14T16 53 41Z quot   quantity  2  total  90   tip  0    type   quot tab quot       date   quot 2011-11-14T16 48 46Z quot   quantity  2  total  90   tip  0    type   quot tab quot       date   quot 2011-11-31T17 29 52Z quot   quantity  1  total  200  tip  100  type   quot visa quot       date   quot 2011-11-01T16 17 54Z quot   quantity  2  total  190  tip  100  type   quot tab quot       date   quot 2011-11-14T16 58 03Z quot   quantity  2  total  90   tip  0    type   quot tab quot       date   quot 2011-11-14T16 20 19Z quot   quantity  2  total  190  tip  100  type   quot tab quot       date   quot 2011-11-14T17 07 21Z quot   quantity  2  total  90   tip  0    type   quot tab quot       date   quot 2011-11-14T16 54 06Z quot   quantity  1  total  100  tip  0    type   quot cash quot       Using it Finally  we arrange the array  by  quot date quot  property as string   sort the object by a property  ascending    sorting takes into account uppercase and lowercase sortBy data    prop   quot date quot       If you want to ignore letter case  set the  quot parser quot  callback    sort the object by a property  descending    sorting ignores uppercase and lowercase sortBy data        prop   quot date quot       desc  true      parser  function  item              ignore case sensitive         return item toUpperCase               If you want to treat the  quot date quot  field as Date type    sort the object by a property  ascending    sorting parses each item to Date type sortBy data        prop   quot date quot       parser  function  item            return new Date item              Here you can play with the above example  jsbin com lesebi

User · Answer

Strings with dates are comparable in JavaScript  if they are syntactically the same   e g    2020-12-01   lt   2020-12-02     true  This means you can use this expression in a custom sort function   x000D   x000D  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  lt  b date            return 1            if  a date  gt  b date            return -1            return 0     const sorted   arr sort sortByDate   console log sorted   x000D   x000D   x000D

[javascript] How to sort an object array by date property?

Examples related to javascript

Examples related to datetime