프론트엔드 센트럴파크 (☞゚ヮ゚)☞

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

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);

'Javascript' 카테고리의 다른 글

String.prototype.charAt() - 단일 문자열 반환  (0) 2022.05.29
Map() - 반복문  (0) 2022.05.28
원시(Primitive)값과 객체  (0) 2022.05.28
Number.isNan() - NaN을 판별할 때  (0) 2022.05.28
생성자 함수  (0) 2022.05.27
Comments