[JavaScript] 배열 안에 객체를 날짜 순으로 정렬하는 방법

프로젝트르를 진행하면서 최신순으로 정렬하는 구현하기 위해 정리를 하게 되었다.

배열 안 객체에 date값

const date = [
    {date: "2021-04-17"},
    {date: "2021-04-21"},
    {date: "2021-04-29"},
    {date: "2021-05-11"},
    {date: "2021-05-21"},
    {date: "2021-06-21"},
]

날짜 순으로 정렬

new Date()를 사용하여 문자열로 입력된 날짜를 날짜 형태로 변환한 후 sort 함수를 이용하여 정렬 반환하는 방식이다.

1. new Date()를 사용하면 아래와 같이 문자열이 날짜형태로 변환된다.
   
2. sort함수를 이용하여 정렬된 배열을 반환한다.

const orderedDate = date.sort((a, b) => new Date(a.date) - new Date(b.date))

참고자료

https://dkmqflx.github.io/frontend/2021/04/21/javascript-sortbydate/
https://stackoverflow.com/questions/10123953/how-to-sort-an-object-array-by-date-property