자바스크립트에서 데이터를 다루다보면 중복된 값을 처리해야 하는 경우가 많이 발생합니다. 이때 Map과 Set을 활용하면 효과적으로 중복 데이터를 제거할 수 있습니다.

Set: 유일한 값을 보관하기

Set은 유일한 값을 저장하는데에 사용됩니다. 중복된 값은 허용되지 않기 때문에 유일한 값만을 보관하고 싶을 때 유용합니다.

예를 들어, 배열에서 중복된 값을 제거하고 싶을 때 Set을 사용하여 간단히 중복을 제거할 수 있습니다.

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

Map: 중복된 데이터의 키 처리하기

Map은 키-값 쌍을 포함하고 중복된 값을 갖는 키를 허용하지 않습니다. 이것은 데이터를 유일한 키로 보관하고 싶을 때 유용합니다.

예를 들어, 각 학생의 성적을 저장하고 중복된 학생의 성적을 덮어쓰고 싶을 때 Map을 사용할 수 있습니다.

const scores = new Map();
scores.set('Alice', 85);
scores.set('Bob', 90);
scores.set('Alice', 95);
console.log(scores.get('Alice')); // 95

정리

Map과 Set은 중복 데이터를 효과적으로 제거하거나 유일한 값만을 보관할 때 유용합니다. 각각의 특징을 잘 활용하여 데이터를 다루는데 도움을 받으면 좋습니다.

참고 문헌:

• MDN Web Docs
• MDN Web Docs