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 관련 함수를 바탕으로 반복문 안에서
데이터를 검색, 입력 등 다양한 활용이 가능하다.
'JavaScript 강의' 카테고리의 다른 글
3-1 데이터 타입 종류 및 메모 (0) | 2024.08.13 |
---|---|
2-4 (중요) Set(자료형) 소개 및 예시 코드 연습 (0) | 2024.08.13 |
2-2 (중요)일급 객체로서의 함수 (0) | 2024.08.13 |
2-1 ES6 문법(JavaScript 버전) 소개 및 실습 (0) | 2024.08.13 |
1-13 반복문 (0) | 2024.08.12 |