如何檢查某個數組是否已包含imdbID並阻止其再次添加？

Question

每部電影只應添加一次到收藏夾列表，但是此錯誤使它每次我更改頁面並返回到該特定電影頁面並添加時，它都會將自身推入“收藏夾”數組。 如何檢查某個imdbID是否已經存在，並阻止應用將其添加到狀態中？

 updateFavorites = movie => {

    if (!this.state.favorites.includes(movie)) {

        const newFavoriteList = this.state.favorites;
        newFavoriteList.push(movie);
        this.setState(state => ({
            favorites: newFavoriteList
        }));


        console.log("Added to your favorites.");

    } else {
        const newFavoriteList = this.state.favorites;
        newFavoriteList.splice(newFavoriteList.indexOf(movie), 1);
        this.setState(state => ({
            favorites: newFavoriteList
        }));
        console.log("Removed from your favorites.");
    }

};

這就是我從收藏夾列表添加和刪除電影的方式。

Answer 1

如評論中所述，您可以使用.find或.findIndex進行此比較。 另外，您可以使用.filter代替.splice和.indexOf來刪除影片。 我個人更喜歡這種方法。

updateFavorites = ( movie ) => {
    const { favorites } = this.state;
    const checkMovie = favorites.find( fav => fav.imdbID === movie.imdbID );

    if (!checkMovie) {
      return this.setState(
          prevState => ( { favorites: [ ...prevState.favorites, movie ] } ) );
    }

    const newFavoriteList = favorites.filter( fav => fav.imdbID !== movie.imdbID );
    this.setState( { favorites: newFavoriteList } );
  };

Answer 2

試試這個，對我有用

let checkArray = favorites.every( (item) => {
 return item.imdbID !== newItem.imdbID; // newItem is new element for insert
})

if(checkArray) {
  //code for insert newItem
}