[자바스크립트] 배열 중복 제거 3가지 방법

JavaScript에서 배열 중복을 제거하는 방법은 여러 가지가 있습니다.

1. Set 사용

Set은 ES6에서 새로 추가된 데이터 타입으로, 유일한 값을 저장하는 자료형입니다. Set 객체를 이용하여 배열의 중복 값을 제거할 수 있습니다.

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

 

2. filter()와 indexOf() 사용

filter()와 indexOf() 메서드를 이용하여 배열의 중복 값을 제거할 수 있습니다.

 

const arr = [1, 2, 2, 3, 3, 3];
const uniqueArr = arr.filter((value, index, array) => {
  return array.indexOf(value) === index;
});
console.log(uniqueArr); // [1, 2, 3]

 

3. reduce() 사용

reduce() 메서드를 이용하여 배열의 중복 값을 제거할 수 있습니다.

 

const arr = [1, 2, 2, 3, 3, 3];
const uniqueArr = arr.reduce((unique, item) => {
  return unique.includes(item) ? unique : [...unique, item];
}, []);
console.log(uniqueArr); // [1, 2, 3]

 

위의 세 가지 방법 중에서 Set을 사용하는 것이 가장 간결하고 빠릅니다. 하지만 ES6를 지원하지 않는 환경에서는 filter()와 indexOf() 방법이나 reduce() 방법을 사용할 수 있습니다.