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

Set

Set 객체는 중복되지 않는 유일한 값들의 집합이다.

---

Set 객체는 배열과 유사하지만 다음과 같은 차이가 있다.

구분	배열	Set 객체
동일한 값을 중복하여 포함할 수 있다.	O	X
요소 순서에 의미가 있다.	O	X
인덱스로 요소에 접근할 수 있다.	O	X

 

 

const set = new Set();
console.log(set); // Set(0) {}

Set 객체는 Set 생성자 함수로 생성하고, 이터러블을 인수로 전달받아 Set 객체를 생성한다. 이때 이터러블의 중복된 값을 Set 객체에 요소에 저장되지 않는다.

 

 

Set 객체의 요수 개수 -> Set.prototype.size 프로퍼티를 사용

Set 객체의 요수 추가 -> Set.prototype.add 메서드를 사용

Set 객체의 요수 존재 여부 확인 -> Set.prototype.has 메서드를 사용

Set 객체의 요수 삭제 -> Set.prototype.delete 메서드를 사용

Set 객체의 요수 일괄 삭제 -> Set.prototype.clear 메서드를 사용

Set 객체의 요수 순회 -> Set.prototype.forEach 메서드를 사용

 

💨 집합 연산

교집합 -> Set.prototype.intersection 메서드를 사용

합집합 -> Set.prototype.union 메서드를 사용

차집합 -> Set.prototype.difference 메서드를 사용

부분집합과 상위 집합 -> Set.prototype.isSuperset 메서드를 사용

 

---

Map

Map 객체는 키와 값의 쌍으로 이루어진 컬렉션이다.

Map 객체는 객체와 유사하지만 다음과 같은 차이가 있다.

 

구분	객체	Map 객체
키로 사용할 수 있는 값	문자열 또는 심벌 값	객체를 포함하는 모든 값
이터러블	X	O
요소 개수 확인	Object.keys(obj).length	map.size

 

const map = new Map();
console.log(map); // Map(0) {}

Map 생성자 함수는 이터러블을 인수로 전달받아 Map 객체를 생성한다. 이때 인수로 전달되는 이터러블은 키와 값의 쌍으로 이루어진 요소로 구성되어야 한다.

 

Map 객체의 요수 개수 -> Map.prototype.size 프로퍼티를 사용

Map 객체의 요수 추가 -> Map.prototype.set 메서드를 사용

Map 객체의 요수 취득 -> Map.prototype.get 메서드를 사용

Map 객체의 요수 존재 여부 확인 -> Map.prototype.has 메서드를 사용

Map 객체의 요수 삭제 -> Map.prototype.delete 메서드를 사용

Map 객체의 요수 일괄 삭제 -> Map.prototype.clear 메서드를 사용

Map 객체의 요수 순회 -> Map.prototype.forEach 메서드를 사용

 

 

 

좋아요는 로그인하지 않아도 누를 수 있습니다!