JavaScript기초5 - Set

JavaScript기초4 이어서 잘구조 Set에 대한 개념 정리와
실습 내용을 정리해보려고 한다.

JavaScript기초4에 등장 배경과 목적은 적었으니
Set의 개념에 대해서 정리를 시작하겠다.

Set이란?

Map과 마찬가지로 자료구조 중 하나이며,
고유한 값을 저장하는 자료구조이다.
키-값 쌍을 저장하는 Map과 Object와 달리
중복을 허용하지 않는 값을 모아놓은 자료구조이다.

Set의 특징?

값이 중복되지 않는 유일한 요소로만 구성된다.

Set의 기능?

값 추가, 검색, 삭제, 모든 값 제거, 존재 여부 확인이 있다.

Set의 주요 메서드와 프로퍼티

let mySet = new Set(); - Set을 생성
mySet.add(value) - 값을 추가하고 셋 자신을 반환
mySet.delete(value) - 값을 제거 (제거에 성공하면 true, 아니면 false 반환)
mySet.has(value) - 값의 존재 여부 확인 (존재: true, 아니면 false반환)
mySet.clear() - Set을 비운다.
mySet.size() - Set의 사이즈 반환

자 이제 실습을 통해 익숙해보져보자!

• Set 생성

  const mySet = new Set();

• Set 값 추가

  mySet.add('value1');

• Set 값 제거

  console.log(mySet.delete('value1'));

• Set 값 존재 여부 확인

  console.log(mySet.has('value1'));

• Set 안의 값 비우기

  mySet.clear();
  console.log(mySet);
  // 삭제 후 콘솔에서 확인되는 결과는 Set(0) {}

• Set size 반환

  console.log(mySet.size);

여기까지 Set의 기본 개념과 주요 메서드의 프로퍼티 실습을 해보았다.
Map과 비슷한 메소드와 프로퍼티라 조금 익숙하긴 했다.