본문 바로가기

STUDY/JavaScript

JS | Map

자바스크립트로 Map은 처음 사용해봐서 정리해보고자 한다.

 

Map생성

new를 이용해 Map object를 생성한다.

let namesMap = new Map();

 

값 넣기(set)

set을 이용해 넣는다. Map이기 때문에 당연히 key와 value의 쌍으로 데이터를 넣어주어야 하며 key값은 중복을 허용하지 않는다.

// set([key], [value])
namesMap.set("Oladipo", 4);
namesMap.set("Westbrook", 0);

값 얻기(get)

get을 이용해 가져온다. key가 Map에서 유일한 식별자이므로 key를 이용해 가져온다.

console.log(namesMap.get("Oladipo"));	// 4가 출력된다.

해당 값이 있는지 확인(has)

has를 통해 key로 검색이 가능하다.

console.log(namesMap.has("Curry"));	// false

반복자

for...of문 혹은 forEach문을 사용한다.

for (let [key, value] of namesMap) {
   console.log(key + " = " + value);
}
namesMap.forEach((value, key) => {
	console.log(key + " = " + value);
})
 

for...of

The for...of statement creates a loop iterating over iterable objects, including: built-in String, Array, array-like objects (e.g., arguments or NodeList), TypedArray, Map, Set, and user-defined iterables. It invokes a custom iteration hook with statement

developer.mozilla.org

 

 


+ 참고

 

Map

The Map object holds key-value pairs and remembers the original insertion order of the keys.

developer.mozilla.org