Javascript: Set - 배열의 중복원소 제거

Set 객체를 활용하여 배열의 중복 원소 제거하는 법

• Set은 ES6에서 등장한 새로운 데이터 object
• Set은 unique한 값만 저장할 수 있도록 하기 때문에 Array에 넣게 되면 중복되는 값이 사라진다.

 

const dupArr = [1, 2, 3, 1, 2];
const set = new Set(dupArr);
const uniqueArr = [...set];

console.log(uniqueArr)  // [1, 2, 3]

 

 

• 중복값이 있는 배열을 Set객체로 만들면 중복이 제거가 되는데, 이를 다시 Spread Oprator를 활용하여 배열로 변환하면 처음 배열에서 중복값이 제거된 상태가 된다.

 

const dupArr = [1, 2, 3, 1, 2];
const set = new Set(dupArr);
const uniqueArr = Array.from(set);

console.log(uniqueArr)  // [1, 2, 3]

 

 

• Spread Operator 말고 Array.from으로 배열로 변경해도 같은 결과가 나온다.

 

 

Set - JavaScript | MDN

 

 

 

 

 

참고: https://velog.io/@eunjin/JavaScript-%EC%BD%94%EB%93%9C-%EB%A6%AC%ED%8C%A9%ED%86%A0%EB%A7%81-Set-%EA%B0%9D%EC%B2%B4%EB%A5%BC-%EC%9D%B4%EC%9A%A9%ED%95%B4%EC%84%9C-%EB%B0%B0%EC%97%B4-%EC%A4%91%EB%B3%B5-%EC%A0%9C%EA%B1%B0%ED%95%98%EA%B8%B0