자바스크립트 배열 유니크 요소만 남기기 , 중복 제거 하기

자바스크립트 배열 유니크 요소만 남기기 , 중복 제거 하기 

주로 3가지 방법이 많이 쓰인다.

 

Set

const arr = [1,2,3,4,5,5,6,6,7]

const result = [...new Set(arr)]

//result [1, 2, 3, 4, 5, 6, 7]

filter / indexOf

const arr = [1,2,3,4,5,5,6,6,7]

const result = arr.filter((num,index)=>{
	return	arr.indexOf(num) === index
})

//result [1, 2, 3, 4, 5, 6, 7]

caching / frequency map

const arr = [1,2,3,4,5,5,6,6,7]

const cache = {}
const result = []

for(let num of arr){
	if(!cache[num]){
		result.push(num)
	}
	cache[num] = true
}

//result [1, 2, 3, 4, 5, 6, 7]

 

팁

1. 숫자나 문자열 같은 원시값 배열의 경우 Set을 사용

2. 오브젝트 배열에서 특정 키로 비교하는 경우 3번째 caching / frequency map를 사용

3. 그외에는 2번째 방법을 사용 하자