JavaScript 강의

2-3 (중요)Map(자료형) 소개 및 예시 코드 연습

kagan-draca 2024. 8. 13. 15:54

 

Map, Set의 목적 : 데이터의 구성, 검색, 사용을 효율적으로 처리한다.

                                 기존의 객체나 배열 보다.

 

 

 Map 구성

 

1. Map은 Key와 Value 한 쌍을 가진다.

(

  Object(객체)와 달리 Key를 어떤 데이터

  유형로 사용해도 상관 없다.

)

2. Map은 키가 정렬된 순서로 저장 돼 있다.

 

Map 사용 이유

 

1. 검색, 삭제, 제거 여부 확인

 

 Map 선언 방법 및 초기화

 

선언 

 

변수명 변수이름 = new  Map()

 

초기화

 

변수이름.set(key, value)

 

 Map 사용 방법

 

변수이름.get(key)

 

 Map 관련 함수와 변수

 

1. 변수이름.keys() : 모든 key를 가져오는 함수

 

console.log(Map.keys())를 출력한 결과

"[Map Iterator] {key 들...}"

이 출력되는 걸 볼 수 있다.

 

이를 바탕으로

 

 

for(변수 변수명 of Map변수명.keys())

와 같이 for-of-keys()로 

Map 자료형 안에 있는 모든 key에 접근

출력할 수 있다.

 

2. 변수이름.values() : 모든 values를 가져오는 함수

 

console.log(Map.values())를 출력한 결과

"[Map Iterator] {value들...}"

이 출력되는 걸 볼 수 있다.

 

이를 바탕으로

 

 

for(변수 변수명 of Map변수명.values())

와 같이 for-of-values()로 

Map 자료형 안에 있는 모든 value에 접근

출력할 수 있다.

 

3. 변수이름.entries() : 모든 key와 values를 가져오는 함수

console.log(Map.Entries())를 출력한 결과

"[Map Entries] {

    key와 value들

}"

이 출력되는 걸 볼 수 있다.

 

이를 바탕으로

for(변수 변수명 of Map변수명.entries())

와 같이 for-of- entries()로 

Map 자료형 안에 있는 모든 key와 value에 접근

출력할 수 있다.

 

이때, entery는 배열 형식으로

entery[0]에는 key

entery[1]에는 value

가 저장 돼 있다.

 

추가학습)

 

그럼 왜? Map 관련 함수는

for-of-Map 관련 함수

로 사용 가능한가?

 

해답 : Iterater(반복자) 속성이기 때문이다.

 

열겨형 자료형으로 배열과 객체와 비슷하게 요소 하나하나 반복해주는 속성이다.

 

4. 변수이름.has(확인하고 싶은 key) : 키가 존재 하는지 확인하는 함수

 

변수명.has(확인하고 싶은 key)

있으면 없으면
true false

가 출력된다.

 

5. 변수이름.size : Map의 크기를 출력해주는 변수

 

Map변수이름.size

만들어진 Map의 사이즈를

출력할 수 있다.

 

Map 결론

 

for-of-Map 관련 함수, Map 관련 함수를 바탕으로 반복문 안에서

데이터를 검색, 입력 등 다양한 활용이 가능하다.