[자바스크립트] Collection - Map

코딩을 하면서 자주 사용하는 collection을 정리해보려고 합니다. 

Map 이란?
 Map 객체는 키와 값을 한 쌍으로 이루어진 컬렉션입니다

 

1. Map 생성, 추가, 삭제  😁

/**
 * Map 객체는 map 생성자 함수로 생성됩니다
 * 
 * 생성
 */
 
 const Map = new Map();

/**
 * map 데이터 추가 
 * map 객체는 데이터를 추가할 때 map.prototype.set 메서드를 사용
 * 정의에서 말했듯이 map은 키와 값이 한쌍!
 */
map.set(`key1`, `value1`);
map.set(`key2`, `value2`);

console.log(map); // Map(2) { `key` => `value`, `key2` => `value` }


/**
 * map 선언하고 추가하기 
 */
const map = new Map([[`key1`, `value1`], [`key1`, `value2`]]);
console.log(map); // Map(1) { `key1` => `value2` }

/**
 * 삭제 
 * Map 객체의 값을 삭제하려면 아래와 같은 메서드를 사용!
 * Map.prototype.delete
 * Map.prototype.clear
 */

map.delete(`key1`)
console.log(map); // Map(1) { `key2` => `value2` }

map.clear();
console.log(map); //Map(0) {}

 

여기까지 간단한 Map 선언, 생성, 삭제에 대해 알아봤다면.... Map 가장 많이 사용하고 있는 반복문에 대해 알아보겠습니다

 

2. Map 반복문  😁

/**
 * 반복문!
 * Map 객체의 값을 반복하려면 여러 가지를 사용할 수 있는데, 많이 사용하고 있는 forEach !
 */

const map = new Map([[`과일`, `사과`], [`동물`, `호랑이`]])

map.forEach((val, key) => {
    console.log(val + "," + key);
});

// 사과, 과일
// 호랑이, 동물

Map에 대해 간단히 알아보았고, 다음에는 Set입니다!