Javascript：堅持比較功能

我被卡住了，需要幫助完成這個獲取請求。我需要一個函式來檢查請求中的電影（單個物件）之前是否已被用戶評級。

評級在 ratingMovies 陣列中。如果電影被評級，我需要將 userRating 屬性及其值添加到回應中。如果尚未評級，我需要 userRating 值為 null

 const ratedMovies = useStore((state) => state.ratedMovies)

  const getMovieDetails = () => {
    const key = `https://www.omdbapi.com/?i=${movie.imdbID}&apikey=b46dc190`
    axios
      .get(key)
      .then((response) => {
       

       // Here a comparison is required, to check if the movie in the response (a single object)
       // has ever been rated before and its ID (imdbID) and userRating (property to be added) is        
       // present in the ratedMovies array
       // if it is present I need the property userRating nad it's value to be added to the response
       // or when it is empty, to have the userRating be null

       setModalDetails(response.data)
      })
     
      .then((response) => {
        console.log(modalDetails)
      })
      .catch((error) => console.log(error))
  }

示例 axios 回應：

{
    "Title": "Star Wars: Episode V - The Empire Strikes Back",
    "Year": "1980",
    "Rated": "PG",
    "Released": "20 Jun 1980",
    "Runtime": "124 min",
    "Genre": "Action, Adventure, Fantasy",
    "Director": "Irvin Kershner",
    "Writer": "Leigh Brackett, Lawrence Kasdan, George Lucas",
    "Actors": "Mark Hamill, Harrison Ford, Carrie Fisher",
    "Plot": "After the Rebels are brutally overpowered by the Empire on the ice planet Hoth, Luke Skywalker begins Jedi training with Yoda, while his friends are pursued across the galaxy by Darth Vader and bounty hunter Boba Fett.",
    "Language": "English",
    "Country": "United States, United Kingdom",
    "Awards": "Won 2 Oscars. 25 wins & 20 nominations total",
    "Poster": "https://m.media-amazon.com/images/M/MV5BYmU1NDRjNDgtMzhiMi00NjZmLTg5NGItZDNiZjU5NTU4OTE0XkEyXkFqcGdeQXVyNzkwMjQ5NzM@._V1_SX300.jpg",
    "Ratings": [
        {
            "Source": "Internet Movie Database",
            "Value": "8.7/10"
        },
        {
            "Source": "Rotten Tomatoes",
            "Value": "94%"
        },
        {
            "Source": "Metacritic",
            "Value": "82/100"
        }
    ],
    "Metascore": "82",
    "imdbRating": "8.7",
    "imdbVotes": "1,209,128",
    "imdbID": "tt0080684",
    "Type": "movie",
    "DVD": "21 Sep 2004",
    "BoxOffice": "$292,753,960",
    "Production": "N/A",
    "Website": "N/A",
    "Response": "True"
}

樣品評級：

ratedMovies = [{imdbID: 'tt0080684', userRating: 8}]

uj5u.com熱心網友回復：

您可以像這樣使用 .filter 函式：

ratedMovies = [{imdbID: 'tt0080684', userRating: 8}]
notratedMovies = [{imdbID: 'tt0080111', userRating: 8}]

let result = ratedMovies.filter(obj => {
  return obj.imdbID === imdb.imdbID
});

console.log(result);

let notresult = notratedMovies.filter(obj => {
  return obj.imdbID === imdb.imdbID
});

console.log(notresult);

uj5u.com熱心網友回復：

好吧，如果我理解正確的話，它是這樣的：

let data = response.data;
let newMovieId = data.imdbID;
ratedMovies.forEach((movie) => {
    if(movie.imdbID === newMovieId) {
        data.userRating = movie.userRating;
    }
});

setModalDetails(data)

上面的代碼進入 axios 成功回呼

標籤：javascript

上一篇：如何在HTML中稍微使用資料屬性名稱和值

下一篇：在v9中洗掉集合firebase