[TIL] 내배캠4기-React Native-73일차

OpenAPI 날짜 데이터 정렬하기

데이터 정렬을 위한 함수 생성
FlatList의 data를 sorting()으로 주면 된다.

 const sorting = () => {
    // 정답은 필터 ㄴㄴ, 맵 ㅇㅇ
    // const temp = data.map((item) => {
    //   return item.END_DATE;
    // });
    const new_data = [...upcomingsData.culturalEventInfo.row].sort((a, b) => {
      return new Date(a.END_DATE) - new Date(b.END_DATE);
    });
    return new_data;
  };

너무 어렵게 생각했던 지난 날..

const sorting = (data) => {
    // 정답은 필터 ㄴㄴ, 맵 ㅇㅇ
    const temp = data.map((item) => {
      return item.END_DATE;
    });
    temp.sort((a, b) => {
      return new Date(a) - new Date(b);
    });    
    console.log("새로운 템프: ", temp); //정상적으로 찍힘
  };
// id 값이랑 비교해서
  sorting(nowPlayingsData.culturalEventInfo.row);

날짜로 정렬만 시킨 배열이 생겼는데⬇️ 이걸 원래 데이터 배열에 넣고, 해당하는 아이디 값을 또 맞춰줘서 화면에 뿌려주려니 머리가 안돌아갔다... 너무 어렵게 생각했던 것 같다.