JavaScript에서 배열 중복 제거하는 5가지 방법

JavaScript에서 배열의 중복된 요소를 제거하는 것은 매우 흔한 작업입니다. 각각의 방법에는 장단점이 있으니, 상황에 맞는 최적의 방법을 선택하시면 됩니다.

1. Set 객체 사용하기

가장 현대적이고 깔끔한 방법입니다.

const numbers = [1, 2, 2, 3, 3, 4, 5, 5]; const unique_numbers = [...new Set(numbers)]; console.log(unique_numbers); // [1, 2, 3, 4, 5]

장점:

• 코드가 간결하고 읽기 쉽습니다
• 성능이 우수합니다
• ES6+ 환경에서 권장되는 방식입니다

단점:

• IE에서는 지원되지 않습니다 (폴리필 필요)

2. filter() 메서드 활용하기

배열의 인덱스를 비교하는 방식입니다.

const fruits = ['apple', 'banana', 'apple', 'orange', 'banana']; const unique_fruits = fruits.filter((item, index) => { return fruits.indexOf(item) === index; }); console.log(unique_fruits); // ['apple', 'banana', 'orange']

장점:

• 브라우저 호환성이 좋습니다
• 추가적인 조건을 넣기 쉽습니다

주의사항:

• 배열이 큰 경우 성능이 저하될 수 있습니다
• indexOf는 참조값 비교시 원하는 결과가 안나올 수 있습니다

3. reduce() 메서드 사용하기

누산기(accumulator)를 활용한 방법입니다.

const items = ['book', 'pen', 'book', 'notebook', 'pen']; const unique_items = items.reduce((unique, item) => { return unique.includes(item) ? unique : [...unique, item]; }, []); console.log(unique_items); // ['book', 'pen', 'notebook']

장점:

• 복잡한 로직을 추가하기 좋습니다
• 메모리 효율적입니다

단점:

• 코드가 비교적 복잡합니다
• 가독성이 떨어질 수 있습니다

4. Object의 키를 활용하는 방법

객체의 키는 중복될 수 없다는 특성을 활용합니다.

const users = ['kim', 'lee', 'kim', 'park', 'lee']; const unique_users = Object.keys(users.reduce((acc, user) => { acc[user] = true; return acc; }, {})); console.log(unique_users); // ['kim', 'lee', 'park']

장점:

• 빠른 검색 성능
• 큰 데이터셋에 효율적입니다

단점:

• 문자열이나 숫자만 처리 가능합니다
• 객체나 배열은 처리할 수 없습니다

5. lodash 라이브러리 사용하기

외부 라이브러리를 활용한 방법입니다.

const data = [1, 2, 2, 3, 4, 4, 5]; const unique_data = _.uniq(data); console.log(unique_data); // [1, 2, 3, 4, 5]

장점:

• 매우 안정적입니다
• 다양한 자료형 처리 가능합니다
• 성능이 최적화되어 있습니다

단점:

• 외부 의존성이 생깁니다
• 번들 크기가 증가합니다

성능 비교 🚀

배열 크기가 작은 경우(1000개 미만):

1. Set 객체 방식
2. filter() 방식
3. reduce() 방식

배열 크기가 큰 경우(1000개 이상):

1. Set 객체 방식
2. Object 키 방식
3. lodash 방식

마무리

상황에 따라 적절한 방법을 선택하는 것이 중요합니다. 일반적인 경우에는 Set 객체를 사용하는 것이 가장 추천되는 방법이지만, IE 지원이 필요하거나 특별한 요구사항이 있다면 다른 방법을 고려해보세요.

코드의 유지보수성과 성능을 모두 고려하여, 프로젝트의 특성에 맞는 최적의 방법을 선택하시기 바랍니다. 🎯