자바스크립트에서 배열의 요소 중 유일한 값을 추출하는 방법을 알아보겠습니다. 유일한 값은 배열 내에서 단 한 번만 나타나는 값입니다.

방법 1: Set 사용하기

const arr = [1, 2, 3, 2, 4, 1, 5, 6, 3];
const uniqueValues = [...new Set(arr)];

console.log(uniqueValues); // [1, 2, 3, 4, 5, 6]

위의 예제에서는 Set 객체를 사용하여 배열의 중복된 값을 제거합니다. Set 객체는 유일한 값을 갖는 객체입니다. [...new Set(arr)] 문법을 사용하여 Set 객체를 배열로 변환하여 유일한 값들만 반환합니다.

방법 2: Filter 메소드와 indexOf 메소드 활용하기

const arr = [1, 2, 3, 2, 4, 1, 5, 6, 3];
const uniqueValues = arr.filter((value, index, self) => {
    return self.indexOf(value) === index;
});

console.log(uniqueValues); // [1, 2, 3, 4, 5, 6]

위의 예제에서는 filter 메소드와 indexOf 메소드를 함께 사용하여 중복된 값을 필터링합니다. filter 메소드는 콜백 함수를 사용하여 요소를 필터링하는데, 중복된 값의 인덱스와 현재 인덱스가 일치하는 경우 유일한 값으로 간주합니다.

방법 3: Reduce 메소드를 활용하기

const arr = [1, 2, 3, 2, 4, 1, 5, 6, 3];
const uniqueValues = arr.reduce((unique, value) => {
    if (!unique.includes(value)) {
        unique.push(value);
    }
    return unique;
}, []);

console.log(uniqueValues); // [1, 2, 3, 4, 5, 6]

위의 예제에서는 reduce 메소드를 사용하여 배열을 반복하면서 유일한 값만을 유지하는 새로운 배열을 생성합니다. unique 배열에 현재 요소가 포함되어 있지 않은 경우에만 값을 추가합니다.

결론

위의 방법들을 통해 자바스크립트 배열에서 유일한 값만 추출할 수 있습니다. Set 객체를 사용하거나 filter 메소드를 활용하는 방법이 가장 간단한 방법입니다. Reduce 메소드는 유연성과 가독성을 제공하지만 코드 길이가 다소 길어질 수 있습니다. 다양한 상황에 맞게 위의 방법들 중 적절한 방법을 선택하여 사용해보세요.