devlog_zz

[ Javascript ] Map 자료형 본문

Front End/Javascript

[ Javascript ] Map 자료형

YJ_SW 2023. 2. 16. 20:42
728x90

Map

은 키가 있는 데이터를 저장한다는 점에서 객체와 유사하다. 키에 다양한 자료형을 허용한다는 점에서 차이가 있다.

 

맵의 주요 메서드와 프로퍼티

  • 맵 생성
new Map()
  • key를 이용해 value를 저장
map.set(key, value)
  • key에 해당하는 값을 반환, key가 존재하지 않으면 undefined를 반환
map.get(key)
  • key가 존재하면 true, 존재하지 않으면 false를 반환
map.has(key)
  • key에 해당하는 값을 삭제
map.delete(key)
  • 맵 안의 모든 요소를 제거
map.clear()
  • 요소의 개수를 반환
map.size

 

예시

var sayings = new Map();
sayings.set("dog", "woof");
sayings.set("cat", "meow");
sayings.set("elephant", "toot");
sayings.size; // 3
sayings.get("fox"); // undefined
sayings.has("bird"); // false
sayings.delete("dog");

for (var [key, value] of sayings) {
  console.log(key + " goes " + value);
}
// "cat goes meow"
// "elephant goes toot"

 

https://ko.javascript.info/map-set

 

맵과 셋

 

ko.javascript.info

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Set

 

Set - JavaScript | MDN

Set 객체는 자료형에 관계 없이 원시 값과 객체 참조 모두 유일한 값을 저장할 수 있습니다.

developer.mozilla.org

 

728x90
Comments