배열 중복 요소 제거

Array.filter() 를 통해 배열에 존재하는 중복 요소를 제거할 수 있습니다.

arr.filter(callback(element[, index[, array]])[, thisArg)
filter() 메서드는 주어진 함수의 테스트를 통과하는 모든 요소를 모아 새로운 배열로 반환합니다. 문서보기

방법

Array.filter((item, index) =>
        nums.indexOf(item) === index
    )

예제

let nums = [1,1,2,5,1,3];

nums라는 배열에 1이 3개가 존재합니다.

let filteredArray = nums.filter((item, index) =>
        nums.indexOf(item) === index
    );

filter를 이용하여 새로운 변수 filteredArray를 만들어줍니다.

nums.indexOf(item) === index 의 의미

run

console.log(`index is ${index} indexof(item) ${nums.indexOf(item)}`);

result

index is 0 indexof(item) 0
index is 1 indexof(item) 0
index is 2 indexof(item) 2
index is 3 indexof(item) 3
index is 4 indexof(item) 0
index is 5 indexof(item) 5

• 필터링 조건: 해당하는 요소의 indexOf() 값과 배열에 위치하는 값이 같을 경우에만 출력

arr.indexOf(searchElement[, fromIndex])
indexOf() 메서드는 배열에서 지정된 요소를 찾을 수 있는 첫 번째 인덱스를 반환하고 존재하지 않으면 -1을 반환합니다. 문서보기