배열 중복제거

 

배경설명

• 서버에서 받아온 이 데이터들을 가공해서 써야함
• 제가 원하는 데이터형태는 날짜를 큰 제목으로 그 안에 해당날짜 리스트들이 있는 것.
• 실제로 화면에도 그런식으로 뿌려줘야함 (밑에 실제화면)

 

---

실제코드

• 일단 서버에서 내려준 날짜와 같은 날짜들 경기들만 모아놔야하기 때문에 dayjs 라이브러리를 사용해서
  서버와 날짜 형식을 같게 맞춰줌
  
  사진에는 안나와있지만 dayjs를 day로 선언함.
  dayjs.add(14일 날짜 ++, "day).format() 서버와 형식을 맞춰줌
  
  
• 날짜를 date라는 ary에 담아두고 서버에서 내려준 데이터 play_list에 filter를 걸어 해당날짜가 포함된 경기들만 다시 list에 담아둠
• 이제 list에는 12월3일 경기가 3개가 될 수 있고 4개가 될 수 있고 많을 수 있습니다.
• 화면에는 뿌려주기 위해 해당 날짜에 중복을 없애줘야합니다.
• 중복제거는 3가지 방법이 있지만 저는 set을 이용함.
• set 은 중복을 제거해서 객체로 만드는데 저는 배열이 필요하기 때문에
  Array.from 이라는 배열로 만들어주는 메서드에 set을 이용해서 중복을 제거하여 넣음

 

느낀점 : 서버와 의논하여 새로이 다시 데이터를 만들어줄수없냐고 이야기 할 수도 있지만, 프론트의 역량이라면 데이터가공도 실력의 한 부분이라 생각해서 데이터 가공을 해보고싶었습니다. 물론 비효율적일 수도 있지만 저는 나름 재밌는 경험이였습니다.