javascript에서 배열의 중복제거하는 방법

javascript에서 배열의 중복제거하는 방법

반응형

1. Set을 이용한 중복 제거

가장 간단하고 효율적인 방법은 JavaScript의 Set 객체를 사용하는 것입니다. Set은 중복을 허용하지 않는 값들의 집합을 나타내며, 배열에서 중복된 값을 제거할 때 유용하게 사용됩니다.

let array = [1, 2, 3, 4, 2, 3, 5];

// Set 객체를 이용하여 중복 제거
let uniqueArray = [...new Set(array)];

console.log(uniqueArray); // 출력: [1, 2, 3, 4, 5]
위 예제에서 new Set(array)는 배열 array의 요소들로부터 중복을 제거한 새로운 Set 객체를 생성합니다. ... 구문은 Set 객체를 다시 배열로 변환하여 uniqueArray 변수에 할당합니다.

728x90

2. filter() 메서드를 이용한 중복 제거

filter() 메서드를 사용하여 중복을 제거할 수도 있습니다.

let array = [1, 2, 3, 4, 2, 3, 5];

// filter() 메서드를 사용하여 중복 제거
let uniqueArray = array.filter((value, index, self) => self.indexOf(value) === index);

console.log(uniqueArray); // 출력: [1, 2, 3, 4, 5]
위 예제에서 filter() 메서드는 배열 array의 각 요소에 대해 콜백 함수를 실행합니다. 콜백 함수는 요소(value), 인덱스(index), 배열 자체(self)를 인수로 받습니다. indexOf()를 사용하여 배열의 현재 요소가 처음 나타나는 위치(index)와 현재 인덱스가 일치하는지 확인하여 중복을 제거합니다.

3. reduce() 메서드를 이용한 중복 제거

reduce() 메서드를 사용하여 중복을 제거할 수도 있습니다.

let array = [1, 2, 3, 4, 2, 3, 5];

// reduce() 메서드를 사용하여 중복 제거
let uniqueArray = array.reduce((accumulator, currentValue) => {
    if (!accumulator.includes(currentValue)) {
        accumulator.push(currentValue);
    }
    return accumulator;
}, []);

console.log(uniqueArray); // 출력: [1, 2, 3, 4, 5]
위 예제에서 reduce() 메서드는 누적값(accumulator)과 현재 요소(currentValue)를 사용하여 중복을 제거합니다. accumulator 배열에 현재 요소가 포함되어 있지 않은 경우에만 요소를 추가합니다.

이 세 가지 방법 중에서 Set 객체를 사용하는 것이 가장 간단하고 효율적인 방법입니다. 중복 제거를 위해 Set 객체를 활용하면 짧고 간결하게 중복이 제거된 배열을 얻을 수 있습니다.