1. Map 자주 사용하는 내장함수
let map = new Map(); // map 객체 생성
map.set(1,"사과");
map.set(2,"포도");
console.log(map.has(1)); // true
console.log(map.get(1)); // 사과
map.delete(1);
console.log(map.size); // 1
map.clear();
console.log(map.size); // 0
map.size; // map에 담겨있는 카운트를 리턴
map.set(key, value); // key, value 쌍으로 map에 저장 key값이 있을 시 value 값이 덮어짐
map.has(key); // key 값이 존재하는지 유무 true, false 리턴
map.get(key); // key 값에 해당하는 value 값을 리턴
map.delete(key); // key 값과 해당하는 value 값을 삭제
map.clear(); // map에 담겨있는 전재 요소를 삭제
2. Map 객체 반복 작업 관련 내장함수
let map = new Map();
map.set(1,"사과"); // key 1에 value 사과라는 값을
map.set(2,"포도");
// map.keys() map에 담겨있는 요소의 key 이터리블 객체가 리턴합니다.
for (let key of map.keys()) {
console.log(key); // 1,2
}
// map.values() map에 담겨있는 요소의 value 이터리블 객체가 리턴합니다.
for (let value of map.values()) {
console.log(value); // 사과, 포도
}
// map.entries() map에 담겨있는 요소의 key, value 쌍 이터리블 객체가 리턴합니다.
for (let item of map.entries()) {
console.log(item); // [1,사과],[2,포도]
}
map.keys() // map에 담겨있는 요소의 key 이터리블 객체가 리턴합니다.
map.values() // map에 담겨있는 요소의 value 이터리블 객체가 리턴합니다.
map.entries() // map에 담겨있는 요소의 key, value 쌍 이터리블 객체가 리턴합니다.
'프론트 엔드 > JavaScript' 카테고리의 다른 글
개발노트 :: 자바스크립트(JavaScript) Date() (0) | 2022.03.28 |
---|---|
개발노트 :: 자바스크립트(JavaScript) Set (0) | 2022.03.25 |
개발노트 :: 자바스크립트(JavaScript) iterable 객체 (0) | 2022.03.23 |
개발노트 :: 자바스크립트(JavaScript) 배열과 내장함수 push, unshift, shift, pop (0) | 2022.03.22 |
개발노트 :: 자바스크립트(JavaScript) this 활용 (0) | 2022.03.18 |