Map

Map객체는 key,value로 이루어진 집합이며 Map에서 key는 단하나만 존재한다.

• Map 객체는 키-값 쌍으로 반복된다.(순회가능)
• Object와 구조적으로 유사하지만 사용가능한 메소드가 다르다.
  • ex) Object는 요소를 가져오려면 객체.[키 이름]을 사용하면 되지만
    Map은 요소를 가져오려면 get(키 이름)메소드를 사용해야 한다.

const map  = new Map([
    ['name','khw'],
    ['age',25]
])
console.log(map);  // Map(2) { 'name' => 'khw', 'age' => 25 }

Map의 인스턴스 속성

size

Map 객체의 키/값 쌍의 숫자를 반환

const map  = new Map([
    ['name','khw'],
    ['age',25]
])
console.log(map.size);  // 2

Map의 인스턴스 메소드

has(key)

주어진 키의 값이 Map 객체에 존재하는지 여부를 불리언 값으로 반환

get(key)

주어진 키에 해당하는 값을 반환하거나 값이 없다면 undefined을 반환

set(key, value)

Map객체에서 전달된 키의 값을 설정한다. Map객체를 반환

delete(key)

Map 객체에 해당 요소를 삭제하고 삭제되었으면 true, 요소가 존재하지 않으면 false 반환

clear()

Map 객체에서 모든 키-값 쌍을 제거합니다.

Map의 메소드로 들어가는 인자에는 key를 주요 역할을 함을 알 수 있다.

const map  = new Map([
    ['name','khw'],
    ['age',25]
])

console.log(map.size);  // 2
console.log(map.has('age')); // true  키만 넣어야한다.
console.log(map.set('residence','sokcho')); // 키/값 추가
// Map(3) { 'name' => 'khw', 'age' => 25, 'residence' => 'sokcho' }
console.log(map.get('residence')); // sokcho
console.log(map.delete('age')); //  true
map.clear();
console.log(map);  // Map(0) {}

keys()

객체에 삽입된 순서에 따라 각요소의 키를 포함하는 새로운 반복자를 반환한다.

values()

객체에 삽입된 순서에 따라 각요소의 값을 포함하는 새로운 반복자를 반환한다.

entries()

객체에 삽입된 순서에 따라 [key,values] 두개의 요소배열을 포함하는 새로운 반복자를 반환한다.

forEach(callback,?this)

객체에 삽입된 순서에 따라 Map 객체의 키/값쌍마다 callback함수를 실행한다.

Map 순회하기

Map또한 배열을 인자로 받으므로 iterable하다.

• 따라서 iterable 객체의 keys(), values(), entries() 메소드를 사용 가능한 것이다.
• for..of 문 사용가능
• forEach() 고차함수 사용 가능
  • forEach문의 콜백함수의 인자로 key, value가 들어가야 한다.

const map  = new Map([
    ['name','khw'],
    ['age',25]
])
console.log(map.keys());  // [Map Iterator] { 'name', 'age' }
console.log(map.values()); // [Map Iterator] { 'khw', 25 }
console.log(map.entries());
// [Map Entries] { [ 'name', 'khw' ], [ 'age', 25 ] }

for(item of map.values()){
    console.log(item);  // khw ,25
}

map.forEach((value,key)=>console.log(key, value)); 
// name khw
// age 25