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