Map 객체

리충녕·2023년 11월 1일
0

Javascript

목록 보기
39/50

📖 Map 객체

key-value 형태의 값을 가지는 객체이다.
키는 고유한 값이어야 하며, 값은 변경할 수 있다.


Map 객체 생성

새로운 Map 객체가 생성된다.

let map = new Map();

let map = new Map([
['a', 1],
['b', 2],
['c', 3]
]);

Map객체 생성 시 초기값을 지정할 수 있다.


키-값 설정

set() 함수를 사용해 Map 객체에 데이터 추가 및 수정이 가능하다.

let map = new Map();

map.set('a',1);
map.set('b',2);
map.set('c',3);

let map = new Map();

map.set('a',1);
map.set('b',2);
map.set('c',3);
map.set('c','hello');

동일 key값의 value를 다시 설정하게 되면 값이 수정되는 것을 확인할 수 있다.


데이터 조회

get() 함수를 사용해 데이터를 조회할 수 있다.
인자로 키를 사용하면 된다.

let map = new Map();

map.set('a',1);
map.set('b',2);
map.set('c',3);

map.get('a');		// 1
map.get('b');		// 2
map.get('c');		// 3 

Map 객체 크기

map 객체명.size를 통해 map 객체의 크기를 얻을 수 있다.

let map = new Map();

map.set('a',1);
map.set('b',2);
map.set('c',3);

console.log(map.size);		// 3

키 존재 유무 판별

has() 함수를 사용해 특정 키가 존재하는지 확인할 수 있다.
인자로는 존재하는지 확인할 키값을 사용하면 된다.

let map = new Map();

map.set('a',1);
map.set('b',2);
map.set('c',3);

console.log(map.has('a'));		// true
console.log(map.has('hello'));		// false

특정 키 삭제

delete() 함수를 사용해 특정 데이터를 삭제할 수 있다.
인자로는 삭제할 value의 key값을 사용하면 된다.

let map = new Map();

map.set('a',1);
map.set('b',2);
map.set('c',3);

map.delete('b');


모든 데이터 삭제

clear() 함수를 사용해 Map 객체의 모든 데이터를 삭제할 수 있다.

let map = new Map();

map.set('a',1);
map.set('b',2);
map.set('c',3);

map.clear();

Map 객체 순회

for...of, forEach()문을 통해 Map객체를 순회할 수 있다.
예시로는 for...of문만 작성하였다.

let map = new Map();

map.set('a',1);
map.set('b',2);
map.set('c',3);

for(let [key, value] of map) {
    console.log(key, value);
}


알게된 점

object와 다르게 키값을 문자열, 숫자 형태 모두 지정할 수 있다.


참고

Map 객체
Map 객체의 장점

0개의 댓글