배열에서 중복 요소 제거하기
배열에는 종종 중복된 요소가 포함되어 있을 수 있습니다. 중복된 요소를 제거하여 유일한 값을 가진 배열을 얻기 위해서는 몇 가지 방법을 사용할 수 있습니다. 이 글에서는 JavaScript를 사용하여 배열에서 중복 요소를 제거하는 방법을 다루겠습니다.
1. Set 사용하기
Set은 자바스크립트의 내장 객체로, 유일한 값의 집합을 표현할 수 있습니다. 이를 활용하여 배열의 중복 요소를 제거할 수 있습니다. 다음은 Set을 이용한 중복 요소 제거 방법입니다.
const array = [1, 2, 2, 3, 3, 4, 5, 5];
const uniqueArray = [...new Set(array)];
console.log(uniqueArray); // [1, 2, 3, 4, 5]
2. filter 메서드 사용하기
filter 메서드를 사용하여 배열의 각 요소를 필터링하고, 중복되지 않은 값만을 선택해 새로운 배열을 생성할 수 있습니다. 다음은 filter 메서드를 이용한 중복 요소 제거 방법입니다.
const array = [1, 2, 2, 3, 3, 4, 5, 5];
const uniqueArray = array.filter((value, index, self) => {
return self.indexOf(value) === index;
});
console.log(uniqueArray); // [1, 2, 3, 4, 5]
3. reduce 메서드 사용하기
reduce 메서드를 사용하여 배열을 순회하면서 중복 요소를 제거할 수도 있습니다. 다음은 reduce 메서드를 이용한 중복 요소 제거 방법입니다.
const array = [1, 2, 2, 3, 3, 4, 5, 5];
const uniqueArray = array.reduce((acc, value) => {
if (!acc.includes(value)) {
acc.push(value);
}
return acc;
}, []);
console.log(uniqueArray); // [1, 2, 3, 4, 5]
위의 세 가지 방법 중 하나를 선택하여 배열에서 중복 요소를 제거할 수 있습니다. 각 방법마다 장단점이 있으니 상황에 맞게 선택하여 사용하시기 바랍니다.
여기까지 배열에서 중복 요소 제거하는 방법에 대해 알아보았습니다. 유용하게 활용하여 중복된 값이 없는 배열을 만드세요!