☀️ Map과 Set

✅ 자바스크립트에서 객체 / 배열 을 이용하여 여러 복잡한 프로그래밍을 할 수 있지만 그럼에도 부족한 부분들이 있어 Map과 Set이라는 자료구조가 만들어졌다.

⭐️ Map

Map은 key-value를 저장하는 객체와 비슷하다. Map은 각 쌍의 key와 value을 저장하며, 객체와 달리 key로 사용 할 수 있는 모든 유형을 사용할 수 있다. Map은 key가 정렬된 순서로 저장되기 때문에, 추가한 순서대로 반복하지 않는다.

• key-vlaue쌍 추가 검색(set)
• 키-값 쌍 삭제(delete)
• 모든 키-값 쌍 제거(clear)
• Map 크기 및 존재 여부 확인(size)

🔍주요 메소드

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

🏷️ Map 사용 예시 코드

// 새로운 Map을 만들기 위해 Map() 생성자를 사용한다.
const myMap = new Map();
// Map에 값을 추가하기 위해 set() 메소드를 사용한다.
myMap.set('key', 'value');
// Map에서 값을 검색하기 위해 get()메소드를 사용한다.
console.log(myMap.get('key')); // 'value' 출력

🔄 Map의 반복

Map에서 keys(), values(), entries()메소드를 사용하여 key, value 및 key-value를 반복할 수있다.
entries()는 {['key',vlaue],['key',value]}형태로 출력된다.

const myMap = new Map();
myMap.set('one', 1);
myMap.set('two', 2);
myMap.set('three', 3);

for (const key of myMap.keys()) {
  console.log(key);
}

for (const value of myMap.values()) {
  console.log(value);
}

for (const entry of myMap.entries()) {
  console.log(`${entry[0]}: ${entry[1]}`);
  // one: 1
  // two: 2
  // three: 3
}

⭐️ Set

Set은 고유한 값을 저장하는 자료구조다. Set은 값만 저장하며, 키를 저장하지 않는다 ➡️ 값이 중복되지않는 유일한 요소로만 구성되는것이 Set이다.

• 값 추가 및 검색
• 값 삭제
• 모든 값 제거
• Set 크기 및 존재 여부 확인

🏷️ Set 사용 예시 코드

// Set() 생성자를 사용하여 Set을 시작한다.
const mySet = new Set();
// Set에 값을 추가 하기위해 add()메소드를 사용한다.
mySet.add('value1');
mySet.add('value2');
// has()메소드를 사용하면 Set에서 값을 검색할 수 있다.
console.log(mySet.has('value1')); // true 출력

🔄 Set의 반복

Set은 Map과 마찬가지로 반복문을 사용할 수 있다. Set에서 반복을 하기 위해서는 values()메소드를 사용한다.

const mySet = new Set();
mySet.add('value1');
mySet.add('value2');
mySet.add('value3');

for (const value of mySet.values()) {
  console.log(value); 
  // value1
  // value2
  // value3
}

✅ Set의 크기 및 존재여부 확인

Set의 크기를 확인하기위해 size()속성을 사용하며, 특정 값을 Set에서 검색하여 존재의 여부를 확인할 때는 has()메소드를 사용한다.

console.log(mySet.size); // 3 출력
console.log(mySet.has('value2')); // true 출력