자바스크립트 Set: 집합을 다루는 새로운 방법

Set이란?

Set은 ES6부터 도입된 새로운 자료구조로, 중복 없이 유일한 값을 저장할 수 있는 특징을 가지고 있습니다. 이전에는 배열이나 객체를 이용해 중복을 없애거나 유일한 값만 선택해야 했지만, Set을 이용하면 더욱 간결하고 효율적으로 값을 다룰 수 있습니다.

Set 사용 방법

Set은 new 연산자를 이용해 생성할 수 있습니다.

const mySet = new Set();

값을 추가할 때는 add 메서드를 이용합니다.

mySet.add('value1');
mySet.add('value2');
mySet.add('value3');

값이 중복되어 있을 경우, 추가되지 않습니다.

Set에 존재하는 값인지 확인하려면 has 메서드를 이용합니다.

mySet.has('value1'); // true
mySet.has('value4'); // false

Set에 저장된 값의 개수는 size 속성을 이용해 알 수 있습니다.

mySet.size; // 3

Set 내부의 모든 값을 순회하려면 forEach 메서드를 이용할 수 있습니다.

mySet.forEach((value) => {
  console.log(value);
});

Set을 이용한 중복 제거 코드

Set을 이용하면 배열에서 중복을 제거하는 코드를 간단하게 구현할 수 있습니다.

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

결론

자바스크립트 Set은 중복 없는 유일한 값을 저장할 수 있는 자료구조로, 기존의 배열이나 객체를 이용한 중복 제거 방식보다 더욱 간결하고 효율적으로 값을 다룰 수 있습니다. Set을 이용하면 불필요한 로직 작성을 줄이고 코드를 더욱 가독성 좋게 만들 수 있습니다.

키워드: 자바스크립트 Set, 중복 제거, ES6 자료구조.