[JS] Set 객체

Set 객체란

Set 객체는 원시값이나 객체 참조값 등 모든 유형의 고유 값을 저장할 때 쓸 수 있다.
값들의 집합을 생성하지만 배열과 다른 점이 있다.

• 동일한 값을 중복하여 포함할 수 없다.
• 요소 순서에 의미가 없다.
• 인덱스로 요소에 접근할 수 없다.

문법

const set = new Set(인수);

위 문법 처럼 Set 생성자 함수로 생성하면 된다.

---

Set 사용법

숫자 배열

const setNumber = new Set([1, 2, 2, 4]);
console.log(setNumber); // Set(3) {1, 2, 4}

🔽 콘솔 결과
Set(3) {1, 2, 4}

문자열

const setString = new Set("hello");
console.log(setString); // Set(4) {'h', 'e', 'l', 'o'}

🔽 콘솔 결과
Set(4) {'h', 'e', 'l', 'o'}
위와 같이 중복되는 요소를 제거했기 때문에 파라미터로 들어간 데이터의 길이보다 size가 줄었다.

---

배열로 반환

Set은 객체를 생성하기에 중복된 값이 제거된 배열을 반환하고싶다면 아래와 같이 써주면 된다.

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

🔽 콘솔 결과
(3) [1, 2, 4]

---

참조

자세한 인스턴스는 아래에서 확인하자
MDN web docs 🔗