[Javascript] 자바스크립트(JS)의 배열 중복제거하기

 

 

자바스크립트(Javascript) 배열 중복 제거하기

자바스크립트(Javascript)에서 배열 형식의 데이터를 가지고 있을 때 배열 데이터의 중복 값을 제거하여 표현하는 방법입니다. 배열 데이터의 중복값을 제거하는 방법의 3가지가 있습니다.

 

첫 번째로는 indexOf() 함수와 filter() 함수를 함께 사용하는 방법입니다.

자바스크립트(Javascript)의 indexOf() 함수는 배열 형식의 데이터중에 처음으로 나오는 index를 반환하는 함수이며, 자바스크립트(Javascript)의 filter() 함수는 조건에 맞는 배열의 모든 값을 반환하는 함수입니다.

 

const dataArr = [6, 4, 2, 1, 2, 4, 3, 2];

const filterArr = dataArr.filter((element, index) => {
    return dataArr.indexOf(element) === index;
});


console.log(filterArr);

 

두 번째로는 includes() 함수를 사용하는 방법입니다.

자바스크립트(Javascript)의 includes() 함수는 배열에 특정값이 포함되는지 여부를 검사하는 함수입니다.

 

const dataArr = [6, 4, 2, 1, 2, 4, 3, 2];

let filterArr = [];
dataArr.forEach((element) => {
    if (!filterArr.includes(element)) {
        filterArr.push(element);
    }
});

console.log(filterArr);

 

마지막으로는 Set 객체를 이용한 중복제거 표현방법입니다.

자바스크립트(Javascript)의 Set객체는 중복 없는 데이터 표현이 가능한데 이러한 특징을 이용하여 배열 데이터의 중복을 제거할 수 있습니다.

 

const dataArr = [6, 4, 2, 1, 2, 4, 3, 2];

const set = Array.from(new Set(dataArr)); 

console.log(set);