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 — Michael Platt
– Michael Platt, Commented Apr 26, 2019 at 14:43
possible duplicate - stackoverflow.com/questions/10123953/… — Naga Sai A
– Naga Sai A, Commented Apr 26, 2019 at 14:56

Dan · Accepted Answer · 2019-04-26 15:24:58Z

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, 2019 at 15:24

Dan

8,9229 gold badges46 silver badges82 bronze badges

answered Apr 26, 2019 at 14:46

Syed Mehtab Hassan

1,3571 gold badge12 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

NickyLarson Over a year ago

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.

Syed Mehtab Hassan Over a year ago

@NickyLarson this was not mentioned before in the question

NickyLarson Over a year ago

It was, the only edit I have made is the part with EDIT

Syed Mehtab Hassan Over a year ago

@NickyLarson that is not a big problem you can just loop over the sorted array and update the name in loop

Collectives™ on Stack Overflow

How to order array objects by date?

1 Answer 1

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related