Vue 프로젝트 영화 목록 ID 중복 제거

 

Vue 프로젝트 영화 목록 ID 중복 제거

 

1. npm i lodash

2. /src/store/movie.js 수정

- 영화 목록 ID 중복 제거 코드 작성 ( lodash _uniqBy() 사용 )

import axios from 'axios'
import _uniqBy from 'lodash/uniqBy'

export default {
	  ... 생략
      commit('updateState', {
        movies: _uniqBy(Search, 'imdbID')
      })

      // 추가 요청
      if (pageLength > 1) {
        ...생략
          commit('updateState', {
            movies: [
              ...state.movies,
              ..._uniqBy(Search, 'imdbID')]
          })
        }
      }
    }
  }
}

 

---

 

참고

https://lodash.com/docs/4.17.15#uniqBy

Lodash Documentation