How to order array objects by date?

Question

I have an array of objects like this

layerArr = [
            {
               name: "layer 1"
               layerDate: "/Date(6958748400000)/"
               layerDateFormatted: "31 December 2018"
               etc...
            }
            {
               name: "layer 2"
               layerDate: "/Date(9375937500000)/"
               layerDateFormatted: "23 December 2017"
               etc...
            }
            {
               name: "layer 3"
               layerDate: "/Date(1554764400000)/"
               layerDateFormatted: "15 January 2018"
               etc...
            }]

How can I sort layerArr by date with the latest date first? In this example, when layer 2 is sorted correctly, I also want the latest date to become layer 1 and the oldest date should become the last layer. (the example above is made up values)

Thanks

EDIT: the links suggested to other threads do not explain how to change "name" so that the latest date becomes name ="layer 1" all the way to the oldest date becoming the last layer.

Possible duplicate of [Sorting an array of JavaScript objects by property](https://stackoverflow.com/questions/979256/sorting-an-array-of-javascript-objects-by-property) — Michael Platt, Apr 26 '19 at 14:43
possible duplicate - https://stackoverflow.com/questions/10123953/sort-javascript-object-array-by-date — Naga Sai A, Apr 26 '19 at 14:56
Possible duplicate of [Sort Javascript Object Array By Date](https://stackoverflow.com/questions/10123953/sort-javascript-object-array-by-date) — Juan, Apr 26 '19 at 14:59

score 4 · Answer 1 · edited Apr 26 '19 at 15:24

4

Use Array.sort():

layerArr = [
  { name: "layer 1", layerDate: "/Date(6958748400000)/", layerDateFormatted: "31 December 2018" },
  { name: "layer 2", layerDate: "/Date(9375937500000)/", layerDateFormatted: "23 December 2017" },
  { name: "layer 3", layerDate: "/Date(1554764400000)/", layerDateFormatted: "15 January 2018" }
];
            
sortedLayerArr = layerArr.sort(function(a, b) {
  return new Date(a.layerDateFormatted)- new Date(b.layerDateFormatted);
}).map((layer, index) => ({
  ...layer,
  name: `layer ${index + 1}`,
}));

console.log(layerArr);
console.log(sortedLayerArr);

edited Apr 26 '19 at 15:24

Dan

8,041
8
41
72

answered Apr 26 '19 at 14:46

Syed Mehtab Hassan

1,297
1
9
23

Thanks, this sorts by date, but it does not change the "name" property accordingly so that the latest date becomes "layer 1" all the way to the oldest date which should become the last layer. – NickyLarson Apr 26 '19 at 14:59
@NickyLarson this was not mentioned before in the question – Syed Mehtab Hassan Apr 26 '19 at 15:01
It was, the only edit I have made is the part with EDIT – NickyLarson Apr 26 '19 at 15:02
1

@NickyLarson that is not a big problem you can just loop over the sorted array and update the name in loop – Syed Mehtab Hassan Apr 26 '19 at 15:06

How to order array objects by date?

1 Answers1