[자바스크립트 기본] 자바스크립트 자료형 Set 개념정리

 

 

이 포스팅은 이 문제로부터 시작되었다.

[JS] 백준 10815번 : 숫자 카드

자료형 Set을 이용해서 풀어야 했던 알고리즘 문제

Set니가뭔데 몰라서 틀리게 만드냐 그러니까 지금부터 알아보자

 

 

 

 

 

1. Set 개념

---

 

• Set은 중복을 허용하지 않는 값을 모아놓은 특별한 컬렉션
• Key가 없는 값이 저장

 

 

 

 

 

2. 주요 메서드(Method)

---

 

 

2-1. 주요 메서드

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

 

 

 

2-2. 주요 메서드 예시

let fruits = ['watermelon', 'mango', 'apple'];
let set = new Set(fruits);

set.add('melon');
set.add('melon'); // 중복값이 허용되지 않기 때문에 한번더 추가를 해도 추가되는값이 없음
console.log(set); // Set(4) { 'watermelon', 'mango', 'apple', 'melon' }

set.delete('mango');
console.log(set); // Set(3) { 'watermelon', 'apple', 'melon' }
console.log(set.has('mango')) // false
console.log(set.size); // 3

set.clear();
console.log(set); // Set(0) {}
console.log(set.size); // 0

 

 

 

 

중복을 허용하지 않는 방명록을 만든다면...?!

let guestBook = new Set();

let jane = { name: 'jane', age: 12 };
let bob = { name: 'bob', age: 22 };
let jay = { name: 'jay', age: 33 };

guestBook.add(jane);
guestBook.add(jane);
guestBook.add(jay);
guestBook.add(bob);
guestBook.add(jay);

for (let visitor of guestBook) {
    console.log(visitor.name)
}

// jane jay bob 순으로 출력

console.log(guestBook.size); // 3

앞에 예시에서 본거와 마찬가지로 아무리 값을 추가하려고 해도

중복되는 값없이 3명의 방문객이 콘솔 창에 출력되는 것을 볼 수 있다.

 

 

 

 

배열 안에서 중복 값을 제거 하는 방법도 있으나 find메소드를 이용해서 중복값을 찾아서 어쩌고..

하지만! 처음부터 중복값을 허용하지 않는 Set을 사용하는 것이 더 합리적이다.

 

 

 

 

 

 

 

Reference(참조)

 

 

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Set

https://ko.javascript.info/map-set