배열에서 중복된 요소를 제거하고 필터링하는 것은 자바스크립트에서 흔히 하는 작업 중 하나입니다. 이를 위해 여러 가지 방법이 있지만, 우선적으로 Set을 사용하여 중복 요소를 제거하는 방법을 살펴볼 수 있습니다.

1. Set을 이용한 중복 제거

const arr = [1, 2, 3, 4, 4, 5, 6, 6];
const uniqueArr = [...new Set(arr)];
console.log(uniqueArr); // [1, 2, 3, 4, 5, 6]

위 코드에서 Set을 사용하여 중복된 요소를 제거하고, spread operator를 활용하여 다시 배열로 변환합니다. 그 결과 중복이 제거된 배열이 반환됩니다.

2. filter를 이용한 중복 제거

또 다른 방법으로 filter를 사용하여 중복된 요소를 제거할 수도 있습니다.

const arr = [1, 2, 3, 4, 4, 5, 6, 6];
const uniqueArr = arr.filter((value, index, self) => self.indexOf(value) === index);
console.log(uniqueArr); // [1, 2, 3, 4, 5, 6]

위 코드에서는 filter 메서드를 이용하여 배열을 순회하면서 중복을 제거합니다.

3. Lodash 라이브러리 사용

또한, Lodash 라이브러리의 uniq 함수를 사용하여 중복된 요소를 제거할 수 있습니다.

const _ = require('lodash');
const arr = [1, 2, 3, 4, 4, 5, 6, 6];
const uniqueArr = _.uniq(arr);
console.log(uniqueArr); // [1, 2, 3, 4, 5, 6]

위 코드에서는 Lodash 라이브러리의 uniq 함수를 사용하여 중복된 요소를 제거합니다.

이와 같이 자바스크립트에서 중복된 요소를 제거하고 배열을 필터링하는 방법에 대해 간단히 살펴보았습니다.

참고 자료:

• MDN web docs
• Lodash 공식 문서