[ 모던 자바스크립트 Deep Dive ] 37장 : Map 과 Set

37.1 Set

• set 객체는 중복되지 않는 유일한 값들의 집합이다.
• set 객체는 배열과 유사하지만 다음과 같은 차이가 있다.
  

37.1.1 Set 객체의 생성

• set객체는 set생성자 함수로 생성한다.
• set생성자 함수에 인수를 전달하지 않으면 빈 set객체가 생성된다.
• set생성자 함수는 이터러블을 인수로 전달받아 set객체를 생성한다
  • 이때 이터러블의 중복된 값은 set객체에 요소로 저장되지 않는다.
    
• 중복을 허용하지 않는 set 객체의 특성을 활용하여 배열에서 중복된 요소를 제거할 수 있다.
  

37.1.2 요소 개수 확인

• set객체의 요소 개수를 확인할 때는 set.prototype.size를 사용한다.
• size 프로퍼티는 setter함수 없이 getter 함수만 존재하는 접근자 프로퍼티다.
  • 따라서 size 프로퍼티에 숫자를 할당하여 set객체의 요소 개수를 변경할 수 없다.
    

37.1.3 요소 추가

• set 객체에 요소를 추가할 때는 set.prototype.add메서드를 사용한다.
  

37.1.4 요소 존재 여부 확인

• set객체에 특정 요소가 존자해는지 확인하려면 set.prototype.has메서드를 사용한다.
  • has메서드는 특정 요소의 존재 여부를 나타내는 불리언 값을 반환한다.
    

37.1.5 요소 삭제

• set객체의 특정요소를 삭제하려면 set.prototype.delete메서드를 사용한다.
• delete메서드는 삭제 성공 여부를 나타내는 불리언 값을 반환한다.
• delete메서드는 인덱스가 아니라 삭제하려는 요소값을 인수로 전달해야한다.
  • set객체는 배열과 같이 인덱스를 갖지 않는다.
    

37.1.6. 요소 일괄 삭제

• set객체의 특정요소를 삭제하려면 set.prototype.clear메서드를 사용한다.
• clear메서드는 언제나 undefined를 반환한다.
  

37.1.7 요소 순회

• set객체의 요소를 순회하려면 set.prototype.forEach메서드를 사용한다.
• set.prototype.forEach 메서드와 유사하기 forEach메서드의 콜백 함수 내부에서 this로 사용될 객채(옵션)을 인수로 전달한다 이때 콜백함수는 다음과 같이 3개의 인수를 전달한다.
  • 첫번째요소 : 현재 순회 중인 요소값
  • 두번쨰요소 : 현재 순회 중인 요소값
  • 세번째요소 : 현재 순회 중인set객체 자체
  • 첫 번째 인수와 두 번째 인수는 같은 값이다.
    
• set객체는 이터러블이다.
  • 따라서 for...of문으로 순회할 수 있으며
  • 스프레드 문법과 배열 디스트럭처링의 대상이 될 수도 있다.
    

---

37.2 Map

• map객체는 키와 값의 쌍으로 이루어진 컬렉션이다.
• map 객체는 객체와 유사하지만 다음과 같은 차이가 있다.
  

37.2.1 Map 객체의 생성

• map객체는 map 생성자 함수로 생성한다.
• map 생성자 함수에 인수를 전달하지 않으면 빈 map객체가 생성된다.
• map생성자 함수는 이터러블을 인수로 전달받아 map객체를 생성한다.
  • 이때 인수로 전달되는 이터러블은 키와 값의 쌍으로 이루어진 요소로 구성되어야 한다.
    

37.2.2 요소 개수 확인

• map객체의 요소 개수를 확인할 때는 map.prototype.size를 사용한다.
• size 프로퍼티는 setter함수 없이 getter 함수만 존재하는 접근자 프로퍼티다.
  • 따라서 size 프로퍼티에 숫자를 할당하여 set객체의 요소 개수를 변경할 수 없다.
    

37.2.3 요소 추가

• map 객체에 요소를 추가할 때는 set.prototype.set메서드를 사용한다.
• set 메서드는 새로운 요소가 추가된 map 객체를 반환한다.
  • 따라서 set메서드를 호출한 후에 set메서드를 연속적으로 호출할 수 있다.
    

37.2.4 요소 취득

• map 객체에서 특정 요소를 취득하려면 map.prototype.get메서드를 사용한다.
• get메서드의 인수로 키를 전달하면 map 객체에서 인수로 전달한 키를 갖는 값을 반환한다.
• map객체에서 인수로 전달한 키를 갖는 요소가 존재하지 않으면 undefined를 반환한다
  

37.2.5 요소 존재 여부 확인

• map객체에 특정 요소가 존자해는지 확인하려면 set.prototype.has메서드를 사용한다.
  • has메서드는 특정 요소의 존재 여부를 나타내는 불리언 값을 반환한다.
    

37.2.6 요소 삭제

• map객체의 특정요소를 삭제하려면 set.prototype.delete메서드를 사용한다.
• delete메서드는 삭제 성공 여부를 나타내는 불리언 값을 반환한다.
  
• 만약 존재하지 않는 키로 map객체의 요소를 삭제하려 하면 에러없이 무시된다.

37.2.7. 요소 일괄 삭제

• map객체의 특정요소를 삭제하려면 set.prototype.clear메서드를 사용한다.
• clear메서드는 언제나 undefined를 반환한다.
  

37.1.7 요소 순회

• map객체의 요소를 순회하려면 set.prototype.forEach메서드를 사용한다.
• set.prototype.forEach 메서드와 유사하기 forEach메서드의 콜백 함수 내부에서 this로 사용될 객채(옵션)을 인수로 전달한다 이때 콜백함수는 다음과 같이 3개의 인수를 전달한다.
  • 첫번째요소 : 현재 순회 중인 요소값
  • 두번쨰요소 : 현재 순회 중인 요소값
  • 세번째요소 : 현재 순회 중인map객체 자체
  • 첫 번째 인수와 두 번째 인수는 같은 값이다.
    
• map객체는 이터러블이다.
  • 따라서 for...of문으로 순회할 수 있으며
  • 스프레드 문법과 배열 디스트럭처링의 대상이 될 수도 있다.
    
• map객체는 이터러블이면서 동시에 이터레이터인 객체를 반환하는 메서드를 제공한다.
  
• map객체는 요소의 수서에 의미를 갖지않지만
• map 객체를 순회하는 순서는 요소가 추가된 순서를 따른다.