MDN Map:

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map

• map 만들기 syntax

const map = new Map([
    ['key1', '🍎'],
    ['key2', '🍌'],
]);
console.log(map);

• map의 interfaces

/사이즈 확인
console.log(map.size);
//존재 확인
console.log(map.has('key1')); // key 존재 유무만 확인 가능
console.log(map.has('key6'));
//순회
map.forEach((value, key) => console.log(key, value));
console.log(map.keys());
console.log(map.values());
console.log(map.entries());
//찾기
console.log(map.get('key1'));
console.log(map.get('key6'));
//추가
map.set('key3,', '🥝');
console.log(map);
//삭제
map.delete('key3');
console.log(map);
//전부삭제
map.clear();
console.log(map);

• map - object와의 큰 차이점?

const key = {name: 'milk', price : 10};
const milk = {name: 'milk', price: 10, description : '맛있는우유'};
const obj = {
    [key] : milk,
};
console.log(obj);
const map2 = new Map([[key, milk]]);
console.log(map2); 
console.log(obj[key]);
console.log(map2[key]); //undefined
console.log(map2.get(key));
// map과 obj는 사용할 수 있는 interface가 다르다