Map 과 Set

Map

키와 값을 연결하기 위한 자료구조

• ES6 이전에는 객체를 대신 사용함으로써 생기는 단점들
  • 프로토타입 체인으로 인한 의도하지 않은 연결
  • 객체안에 연결된 키와 값이 몇개나 되는지 쉽게 알기 어려움
  • 객체를 키로 사용하지 못함
  • 객체를 사용하면 프로퍼티 순서를 전혀 보장하지 않음
• 이터러블 객체

const u1 = {name: 'Cynthia'};
const u2 = {name: 'Jackson'};
const u3 = {name: 'Olive'};
const u4 = {name: 'James'};
 
const userRoles = new Map();
userRoles.set(u1, 'User');
userRoles.set(u2, 'User');
userRoles.set(u3, 'Admin');
 
const userRoles2 = new Map();
userRoles2
    .set(u1, 'User')
    .set(u2, 'User')
    .set(u3, 'Admin');
 
const userRoles3 = new Map([
    [u1, 'User'],
    [u2, 'User'],
    [u3, 'Admin']
]);
 
 
console.log(userRoles.get(u3)); //Admin
console.log(userRoles.has(u3)); //true
 
console.log(userRoles.get(u4)); //undefined
console.log(userRoles.has(u4)); //false
 
console.log(userRoles.size); //3
 
userRoles.keys(); //키들의 이터러블 객체 반환 MapIterator
userRoles.values(); //값들의 이터러블 객체 반환
userRoles.entries(); // [키,값] 배열로 이뤄진 이터러블 객체 반환
 
for (let ur of userRoles.entries())
    console.log(`${ur[0].name}: ${ur[1]}`);
 
for (let [u, r] of userRoles.entries())
    console.log(`${u.name}: ${r}`);
 
// entries()메서드는 맵의 기본 이터레이터
for (let [u, r] of userRoles)
    console.log(`${u.name}: ${r}`);
 
//특정요소를 지울때
userRoles.delete(u2);
//요소를 모두 지울때
userRoles.clear();

WeakMap

• Map과의 차이점
  • 키는 반드시 객체여야 함
  • 내부에 저장된 객체를 참조하는 값이 없을 경우 가비지 콜렉션의 대상이 됨
  • WeakMap은 이터러블이 아니며 size도 알수 없다
  • clear() 메서드 없음

Set

중복을 허용하지 않는 데이터 집합

• 삽입한 순서대로 정렬되어 들어감
• 이터러블 객체

const roles = new Set();
 
roles.add("User");
roles.add("Admin");
 
roles.size; //2
 
console.log(roles.has("User")); //true
 
for(let role of roles)
    console.log(role);
 
roles.delete("Admin"); // true
roles.delete("Admin"); //false

WeakSet

• Set과의 차이점
  • 키는 반드시 객체여야 함
  • 내부에 저장된 객체를 참조하는 값이 없을 경우 가비지 콜렉션의 대상이 됨
  • WeakSet은 이터러블이 아니며 size도 알수 없다
  • clear() 메서드 없음