Map과 Set

Map

- Key - Value 값을 가지는 자료구조

- 객체와 달리 key로 사용할 수 있는 모든 유형을 사용할 수 있다.

- key가 정렬된 순서대로 저장된다.

- 기능 : 검색, 삭제, 제거, 여부 확인

 

💡 [맵에는 다음과 같은 주요 메서드와 프로퍼티가 있습니다]

• new 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 – 요소의 개수를 반환합니다.

1) Map 생성 및 사용

const myMap = new Map();

myMap.set('key','value');

// ...

// ...

myMap.get('key')

반복... !! => method가 몇가지 있다. keys, values, entries

2) Map의 반복

- for .. of 반복문

for of 반복문은 ES6에 추가된 새로운 컬렉션 전용 반복 구문입니다. for of 구문을 사용하기 위해선 컬렉션 객체가 [Symbol.iterator] 속성을 가지고 있어야만 합니다(직접 명시 가능).

var iterable = [10, 20, 30];

for (var valueof iterable) {
  console.log(value);// 10, 20, 30
}

iterator는 반복자라는 말이에요. 요소 하나하나를 반복할 수 있도록 배열 또는 객체와 비슷한 형태로 열거되어있는 자료구조로 이해해주시면 돼요. 아래 예시 코드에서 myMap.keys()으로 쓸 수 있는 이유는 myMap.key()가 반환하는 값이 iterator이기 때문이에요.

 

const myMap = new Map();

myMap.set('one', 1);

myMap.set('two', 2);

myMap.set('three', 3);

console.log(myMap.keys())

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]}`);

  }

  console.log(myMap.size); // 3 출력

  console.log(myMap.has('two')); // true 출력

 

Set

Set은 고유한 값을 저장하는 자료구조.

Set은 값만 저장하며, 키를 저장하지 않는다.

값이 중복되지 않는 유일한 요소로만 구성.

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

// 집합을 나타낼 때 굉장히 좋다.

const mySet = new Set();

mySet.add('value1');

mySet.add('value2');

mySet.add('value3');

mySet.add('value5');

mySet.add('value8');

// mySet.add('value2');

// console.log(mySet.size); // 2 출력 - 중복이 되지 않음

// console.log(mySet.has('value1')); // true 출력

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

// console.log(mySet.has('value3')); // false 출력

for (const value of mySet.values()) {

    console.log(value);