JS 22 셋(Set)

 셋(Set)

 - 중복을 허용하지 않는 값을 모아놓은 특별한 컬렉션입니다. 셋에 키가 없는 값이 저장돤다.

 

 - 주요 메서드들

• new Set(iterable) – 셋을 만듭니다. 이터러블 객체를 전달받으면(대개 배열을 전달받음) 그 안의 값을 복사해 셋에 넣음.
• set.add(value) – 값을 추가하고 셋 자신을 반환.
• set.delete(value) – 값을 제거합니다. 호출 시점에 셋 내에 값이 있어서 제거에 성공하면 true, 아니면 false를 반환.
• set.has(value) – 셋 내에 값이 존재하면 true, 아니면 false를 반환
• set.clear() – 셋을 비움.
• set.size – 셋에 몇 개의 값이 있는지셈.

 - 글에서 이해하기 너무 좋은 예시가 있어 들거옮

  셋 내에 동일한 값(value)이 있다면 set.add(value)을 아무리 많이 호출하더라도 아무런 반응이 없을 겁니다. 셋 내의 값에 중복이 없는 이유가 바로 이 때문이죠.

  방문자 방명록을 만든다고 가정해 봅시다. 한 방문자가 여러 번 방문해도 방문자를 중복해서 기록하지 않겠다고 결정 내린 상황입니다. 즉, 한 방문자는 '단 한 번만 기록’되어야 합니다.

  이때 적합한 자료구조가 바로 셋입니다.

let set = new Set();

let john = {name: "John"};
let pete = {name: "Pete"};
let mary = {name: "Mary"};

// 어떤 고객(john, mary)은 여러 번 방문할 수 있습니다.
set.add(john);
set.add(pete);
set.add(mary);
set.add(john);
set.add(mary);

// 셋에는 유일무이한 값만 저장됩니다.
set.size; // 3

for (let user of set) {
  console.log(user.name); // // John, Pete, Mary 순으로 출력됩니다.
}

 

---

 

셋의 값에 반복 작업하기

  for..of나 forEach를 사용하면 셋의 값을 대상으로 반복 작업을 수행할 수 있다.

예)

let set = new Set(["oranges", "apples", "bananas"]);

for (let value of set) {console.log(value)};

// forEach를 사용해도 동일하게 동작합니다.
set.forEach((value, valueAgain, set) => {
  console.log(value);
});

  forEach()에 쓰인 콜백 함수는 세 개의 인수를 받는데, 첫 번째는 값, 두 번째도 같은 값인 valueAgain을 받고 세 번째는 목표하는 객체(셋)이다. 이렇게 구현하는 이유는 Map과 호환성 때문이다. 이렇게 구현하면 Map을 Set으로 혹은 Set을 Map으로 교체하기가 쉽니다.

 

셋에도 맵과 마찬가지로 반복 작업을 위한 메서드가 있습니다.

• set.keys() – 셋 내의 모든 값을 포함하는 이터러블 객체를 반환
• set.values() – set.keys와 동일한 작업, 맵과의 호환성을 위해 만들어진 메서드
• set.entries() – 셋 내의 각 값을 이용해 만든 [value, value] 배열을 포함하는 이터러블 객체를 반환. 맵과의 호환성을 위해 만들어짐.

 

---

공부한 곳!! 모던 JavaScript 튜터리얼

바로가기!!