[...new Set(arr)]로 JavaScript 배열 중복 제거하는 가장 간단한 방법 AI 생성 이미지: [...new Set(arr)]로 JavaScript 배열 중복 제거하는 가장 간단한 방법 JavaScript로 배열을 다룰 때는 중복 요소를 제거 해야 할 일이 흔히 생깁니다. API 응답이나 폼 입력, 로그 데이터 같은 곳에서 동일한 값이 반복되면 집계나 렌더링 로직에 오류가 발생할 수 있습니다. 실무에서는 [...new Set(arr)]로 JavaScript 배열 중복 제거하는 가장 간단한 방법을 우선적으로 고려하는 경우가 많습니다. 이 글에서는 Set을 사용하는 간단한 패턴 과 filter()와 indexOf를 조합한 패턴 을 중심으로, 각각의 동작 원리와 장단점을 실무 관점에서 정리합니다. 1. Set을 활용한 배열 중복 제거 Set 은 중복을 허용하지 않는 컬렉션 입니다. 배열을 Set으로 바꾸면 중복 항목이 즉시 제거됩니다. 그런 다음 다시 배열로 변환하면 중복이 제거된 새로운 배열을 얻습니다. 간단하고 성능도 합리적입니다. 사실 [...new Set(arr)]로 JavaScript 배열 중복 제거하는 가장 간단한 방법은 바로 이 흐름을 말합니다. 1-1. 기본 예제 const arr = [1, 2, 3, 3, 4, 5, 5]; const uniqueArr = [...new Set(arr)]; console.log(uniqueArr); // [1, 2, 3, 4, 5] 위 예제는 new Set(arr) 로 중복을 제거하고, 전개 연산자 ... 로 다시 배열로 풀어냅니다. 결과적으로 uniqueArr 에는 중복이 제거된 값만 남습니다. 코드가 매우 직관적이라 유지보수가 쉽습니다. ...