(JavaScript) Map, Set 이해하기

💻 Map

• 자료의 연관성을 표현하기 위해 사용
• Key와 Value로 이루어진 컬렉션, Map객체는 객체와 유사하지만 차이가 있음
• Map 생성자 함수의 인수로 전달한 이터러블에 중복된 키를 갖는 요소가 존재하면 값이 덮어써짐 Map객체에는 중복된 키를 갖는 요소가 존재 할 수 없다.

var person = new Map();
person.set("name", "kim");
person.set("age", 20);

💡 object 자료형은 자료 이름으로 글자만 가능, Map 자료형은 다 가능
person.set(100, "kk"); -> 100이 자료의 key값이 된다.

✔ Map에서 자료 꺼내는 법

person.get("age"); //20

✔ Map에서 자료 삭제하는 법

person.delete("age"); 

✔ Map에서 자료 일괄 삭제하는 법

person.clear(); 

✔ Map에서 자료 갯수 세는 법

person.size; 

✔ 반복문으로 Map에서 자료 꺼내는 법

for (var key of person.keys()) {
	console.log(key);
}

✔ Map 자료형에 직접 자료 집어넣을 때

var person = new Map([
	["name", "kim"],
	["age", 20],
]);
// Map(2) {'name' => 'kim', 'age' => 20}

---

💻 Set

• 중복자료를 허용하지 않기 위해 사용

var 출석부 = ["john", "tom", "andy", "tom"];

var 출석부2 = new Set(["john", "tom", "andy", "tom"]);
// Set(3) {'john', 'tom', 'andy'}[[Entries]]0: "john"1: "tom"2: "andy"size: 3[[Prototype]]: Set

✔ Set자료형에 자료추가하기

출석부2.add('sally');

✔ Set자료형에 삭제하기

출석부2.delete('sally');

✔ Set자료형을 일괄 삭제하기

출석부2.clear();

✔ Set자료형에 있는지 확인

출석부2.has('sally'); //true, false

✔ Set자료형 몇개 들어있는지 확인

출석부2.size //중복 값 제거한 갯수

---

💻 set자료형 <-> Array 자료형

Q : Array의 중복자료를 제거하고 싶으면?

var 출석부 = ["john", "tom", "andy", "tom"];
var 출석부2 = new Set(["john", "tom", "andy", "tom"]);
출석부 = [...출석부2]; //괄호 제거
// ['john', 'tom', 'andy', 'tom']