[JavaScript] 배열 중복 제거하기

seunghwan·2022년 8월 13일
3

JavaScript

목록 보기
6/7
post-thumbnail

배열의 중복을 제거하고 싶을 때 활용하는 방법 👀

중복된 배열 생성

배고파😒

1. Set 객체 사용

  • 중복된 배열로 Set 객체를 생성한다

    Set 객체란? 중복을 제거한 값 콜렉션!
    하나의 Set 내 값은 한 번만 나타날 수 있다
    즉, 어떤 값은 그 Set 콜렉션 내에서 유일하다

  • Set 객체를 전개연산자를 사용해 배열로 변환한다

  • 결과가 잘 찍히는 것을 확인할 수 있다✔
    (Set객체는 이렇게 생겼다👀)


2. indexOf(), filter() 사용

  • indexOf()

    배열에서 지정된 요소를 찾을 수 있는
    첫 번째 index 를 반환 (없을 경우 -1)

  • filter()

    주어진 콜백함수의 테스트를 통과하는 모든 요소를 모아 새로운 배열로 반환

  • 값이 처음 나타나는 index와 현재 index가 같을 경우에만 true,
    filter로 true 값만 모아서 새로운 배열을 만들어준다

  • 결과가 잘 찍히는 것을 확인할 수 있다✔


3. forEach(), includes() 사용

  • forEach()

    주어진 콜백함수를 배열 요소 각각에 대해 실행

  • includes()

    배열에 특정 값이 포함되는지 여부를 반환 (true/false)

  • 중복 배열을 순회하면서 결과 배열에 값이 없을 때만 push 시켜준다

  • 결과가 잘 찍히는 것을 확인할 수 있다✔


개인적으로 Set을 쓰는 게 편할 것 같다ㅎ😏

profile
소소한 개발일지💻

0개의 댓글