TIL 15. 2024-01-17

팀 프로젝트 끝난 후 JavaScript 문법을 다시 공부하며
Map 자료 구조를 적용해 보는 시간을 가졌다.

객체로 사용했던 부분

  let MovieObject = {
    //getDetailedMovie() 메서드
    title: detailData["title"], // 영화 제목
    overview: detailData["overview"], // 영화 내용
    vote: detailData["vote_average"].toFixed(2), //영화 평점
    posterImg: detailData["poster_path"], //영화 포트터 사진
    backdropImg: detailData["backdrop_path"], //영화 배경 사진
    releaseDate: detailData["release_date"], //개봉일
    runtime: detailData["runtime"], //상영 시간
    //getCastArray() 메서드
    castName: castData.map((item) => item.name),
    castCharacter: castData.map((item) => item.character),
    castProfile: castData.map((item) => item.profile_path),
  };

  movieList(MovieObject);
}

Map을 적용해보았다.

let myMap = new Map();

  myMap.set("title", detailData["title"]);
  myMap.set("overview", detailData["overview"]);
  myMap.set("vote", detailData["vote_average"].toFixed(2));
  myMap.set("posterImg", detailData["poster_path"]);
  myMap.set("backdorpImg", detailData["backdrop_path"]);
  myMap.set("release", detailData["release_date"]);
  myMap.set("runtime", detailData["runtime"]);
  myMap.set(
    "castName",
    castData.map((item) => item.name)
  );
  myMap.set(
    "castCharacter",
    castData.map((item) => item.character)
  );

  myMap.set(
    "cast",
    castData.map((item) => item.profile_path)

    movieList(myMap);