Javascript

Map() - 추가, 접근, 삭제

자라나라나무나무나 2022. 5. 28. 19:07
- 다양한 자료형의 key를 허용하고, key-value 형태의 자료형을 저장 가능할 수 있는 Collection
- Map은 Object 대비 비교하면 다양한 key의 사용을 허용하고, 값의 추가/삭제 시 메서드를 통해 수행이 필요함

 

map.set()

: map 내에 특정 데이터 추가

let map = new Map();

map.set("name", "john");
map.set(123, 456);
map.set(true, "bool_type"); 
console.log(map);

map.set(123, 578).set(false, "bool_type").set("fruit", "melon");

여러개의 데이터를 추가할 때는 이렇게도 쓰일 수 있다.

 


map.get()

: map 내에 특정 데이터, key값에 따른 데이터를 얻을 때 (접근)

let map = new Map();

map.set("name", "john");
map.set(123, 456);
map.set(true, "bool_type"); 
console.log(map);

console.log(map.get(123));
console.log(map.get("name"));
console.log(map.get(true));

console.log(map.size);


map.size()

: 배열의 크기(key, value)의 갯수

let map = new Map();

map.set("name", "john");
map.set(123, 456);
map.set(true, "bool_type"); 
console.log(map);

console.log(map.get(123));
console.log(map.get("name"));
console.log(map.get(true));

console.log(map.size);


map.delete()

: map 내의 특정 데이터 삭제

let map = new Map();

map.set("name", "john");
map.set(123, 456);
map.set(true, "bool_type"); 
console.log(map);

console.log(map.get(123));
console.log(map.get("name"));
console.log(map.get(true));

console.log(map.size);

map.delete(123);
console.log(map);


map.clear()

: map 내의 데이터들을 전부 삭제

let map = new Map();

map.set("name", "john");
map.set(123, 456);
map.set(true, "bool_type"); 
console.log(map);

console.log(map.get(123));
console.log(map.get("name"));
console.log(map.get(true));

console.log(map.size);

map.delete(123);
console.log(map);

map.clear();
console.log(map);