[javascript] set, weakSet, map, weakMap

set

중복없이 유일한 값을 저장한다. 이미 값이 존재하는지 체크할 때 유용하다.

let mySet = new Set();

//추가
mySet.add("orange");
mySet.add("banana");
mySet.add("orange");
//삭제
mySet.delete("orange");

//중복허용x
//has로 값이 있는지 확인 가능 
console.log(mySet.has("orange"));
mySet.forEach( v => console.log(v)); 

weakSet

참조를 가지고 있는 객체만 저장이 가능하다.
객체형태를 중복없이 저장하려고 할 때 유용하다.

let arr = [1,2,3,4];
let ws = new WeakSet();

ws.add(arr);
ws.add(111); //invalid value 오류 발생
ws.add("111");//invalid value 오류 발생
ws.add(null);//invalid value 오류 발생
ws.add(function(){}) //가능

객체가 null이 되거나 필요가 없어지면 가비지컬렉션 대상이 된다.
weakset에서도 그 정보가 없어진다.

let arr = [1,2,3,4];
let arr2 = [5,6,7,8];
let obj = {arr, arr2};
let ws = new WeakSet();

ws.add(arr);
ws.add(arr2);
ws.add(obj);
ws.add(function(){})
ws.add(111); //invalid value 오류 발생
ws.add("111");//invalid value 오류 발생
ws.add(null);//invalid value 오류 발생

arr = null;

console.log(ws.has(arr)); //false

map & WeakMap

map은 key/value로 이루어져있다.

let wm = new WeakMap();
let myfun = function(){};
//이 함수가 얼마나 실행됐지?를 알려고 할때.
wm.set(myfun, 0);

let count = 0;
for(let i = 0; i<10; i++){
  count = wm.get(myfun); // get value
  count++;
  wm.set(myfun, count);
}

console.log(wm.has(myfun)); //true

myfun = null; 

console.log(wm.get(myfun)); //가비지컬렉션대상이 되어서 undefined
console.log(wm.has(myfun)); //false

weakMap 활용

weakMap을 이용해서 프라이빗 변수 만들기

const wm = new WeakMap();

function Area(height, width) {
  wm.set(this, {height, width});
}

Area.prototype.getArea = function() {
  const {height, width} = wm.get(this);
  return height * width;
}

let myarea = new Area(10, 20);
//console.log(myarea.getArea());
//console.log(myarea.height); //외부에서 접근x

myarea = null; 
console.log(wm.get(myarea)); //null이 된 이후에는 undefined 

obj 활용

const obj = {};
const wm = new WeakMap();

function Area(height, width) {
  obj["height"] = height;
  obj["width"] = width;
  //or
  //obj.height = height;
  //obj.width = width;
}

Area.prototype.getArea = function() {
  return obj.height * obj.width;
}

let myarea = new Area(10, 20);

myarea = null;
console.log(obj); 

obj을 사용할 경우 myarea가 null이 되도 obj는 가비지컬렉션의 대상이 되지 않는다.