JavaScript/2주차
5. Map 소개 및 예시코드 연습
tnals634
2023. 5. 23. 16:05
1. Map, Set의 목적
- 데이터의 구성, 검색, 사용을 기존의 객체 또는 배열보다 효율적으로 처리
1. Map
- key - value
- key에 어떤 데이터타입도 다 들어올 수 있다.
- Map은 키가 정렬된 순서로 저장되기 때문에 모든 타입이 들어올 수 있는거다.
- 기능 : 검색, 삭제, 제거(완전한 제거), 여부 확인
//넣는법
const myMap = new Map();
myMap.set('key','value');
//검색
myMap.get('key');
- 반복을 위한 api -> 반복이 가장 중요
- Map의 반복 -> method : keys, values, entries
- 반복문은 아래와 같은 모양을 가지고 있다.
//for ( of ){}
for(const key of myMap.keys()){
}
연습
1. key값 반복문
const myMap = new Map();
myMap.set('one',1);
myMap.set('two',2);
myMap.set('three',3);
//key값으로 반복문
//console.log(myMap.keys());
for (const key of myMap.keys()){
console.log(key);
}
출력 : one
two
three
2. value값 반복문
const myMap = new Map();
myMap.set('one',1);
myMap.set('two',2);
myMap.set('three',3);
//value값으로 반복문
//console.log(myMap.values());
for(const value of myMap.values()){
console.log(value);
}
출력 : 1
2
3
3. entry값 반복문
const myMap = new Map();
myMap.set('one',1);
myMap.set('two',2);
myMap.set('three',3);
//entry 값으로 반복문
//console.log(myMap.entries());
for(const entry of myMap.entries()){
console.log(entry);
}
출력 : [ 'one', 1 ]
[ 'two', 2 ]
[ 'three', 3 ]
4. Map 크기 확인 / 키 기반검색
//Map 크기 확인
console.log(myMap.size);
console.log(myMap.has("two"));// 키 기반 검색
출력 : 3
true