본문 바로가기

프론트엔드 공부/javscript

Map object

let zoo = new Map();
zoo.set('ZZebra',5);
zoo.set('Gorilla',7);
zoo.set('Monkey',10);
console.log(zoo);
//{"ZZebra" => 5, "Gorilla" => 7, "Monkey" => 10}

let zebraCount = zoo.get('ZZebra');
console.log(zebraCount);//5
var myMap = new Map();

// Add new elements to the map
myMap.set('bar', 'foo');
myMap.set(1, 'foobar');

// Update an element in the map
myMap.set('bar', 'baz');

get과 set을 사용하여 Map을 객체로 만들 수 있음

set을 활용하여 새 element를 map에 추가할 수 있으며, value값을 변경 할 수 있음

set()을 연속으로 메서드 체이닝가능함.

'프론트엔드 공부 > javscript' 카테고리의 다른 글

객체구조분해할당(destructing) 예시  (0) 2021.04.28
switch 열거문  (0) 2021.04.28
reduce함수를 이용한 전체 합 구하기  (0) 2021.04.28
04 array.map()  (0) 2021.04.27
03 observer pattern(상태관리패턴)  (0) 2021.04.27