JS (37) - Set과 Map

37.1 Set

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

• Set 객체는 배열과 유사

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

1) Set 객체 생성

Set 생성자 함수로 생성

• Set 생성자 함수에 인수를 전달하지 않으면 빈 Set 객체 생성

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

Set 생성자 함수는 이터러블을 인수로 전달받아 Set 객체 생성

• 이때 이터러블의 중복된 값은 Set 객체에 요소로 저장되지 않음

const set1 = new Set([1, 2, 3, 3]);
console.log(set1);		// Set(3) {1, 2, 3}

const set2 = new Set('hello');
console.log(set2);		// Set(4) {"h", "e", "l", "o"}

• 중복을 허용하지 않는 특성을 활용하여 배열에서 중복된 요소를 제거할 수 있음
  
  

2) 요소 개수 확인

Set.prototype.size 프로퍼티 사용하여 Set 객체의 요소 개수 확인

const { size } = new Set([1, 2, 3, 3]);
console.log(size);	// 3

• size는 setter 함수 없이 getter 함수만 존재하는 접근자 프로퍼티
  • 따라서 size 프로퍼티에 숫자를 할당하여 Set 객체의 요소 개수를 변경할 수 없음

3) 요소 추가

Set.prototype.add 프로퍼티 사용하여 Set 객체에 요소 추가

• add 메서드는 새로운 요소가 추가된 Map 객체 반환
  • add 메서드를 연속적으로 호출할 수 있음
• Set 객체에 중복된 요소의 추가는 허용되지 않아, 무시 (에러 발생 X)

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

set.add(1);
console.log(set);		// Set(1) {1}

set.add(1).add(2);	
console.log(set);		// Set(2) {1, 2}

4) 요소 존재 여부 확인

Set.prototype.has 프로퍼티 사용하여 Set 객체에 특정 요소가 존재하는지 확인

• has 메서드는 특정 요소의 존재 여부를 나타내는 불리언 값을 반환

const set = new Set([1, 2, 3]);

console.log(set.has(2));	// true
console.log(set.has(4));	// false

5) 요소 삭제

Set.prototype.delete 프로퍼티 사용하여 Set 객체에 특정 요소 삭제

• delete 메서드는 성공 여부를 나타내는 불리언 값을 반환

  • 따라서 연속적으로 호출할 수 없다.

• delete 메서드에는 인덱스가 아닌, 삭제하려는 요소값을 인수로 전달

  • Set 객체에는 순서에 의미가 없으므로 !

const set = new Set([1, 2, 3]);

set.delete(2);
console.log(set);	// Set(2) {1, 3}

set.delete(1);
console.log(set);	// Set(1) {3}

set.delete(1);		// 존재하지 않는 값을 삭제하면 에러 없이 무시됨
console.log(set);	// Set(1) {3}

6) 요소 일괄 삭제

Set.prototype.clear 프로퍼티 사용하여 Set 객체의 모든 요소를 일괄 삭제

• clear 메서드는 언제나 undefined 반환

const set = new Set([1, 2, 3]);

set.clear();
console.log(set);	// Set(0) {}

7) 요소 순회

Set.prototype.forEach 메서드 사용하여 Set 객체의 요소를 순회

• Set.prototype.forEach 메서드는 콜백함수와 forEach 메서드의 콜백 함수 내부에서 this로 사용될 객체를 인수로 전달
  • 콜백함수에서 받는 3개의 인수
    • 첫 번째 인수: 현재 순회 중인 요소값
    • 두 번째 인수: 현재 순회 중인 요소값
    • 세 번째 인수: 현재 순회 중인 Set 객체 자제

8) 집합 연산

교집합

합집합

차집합

부분집합과 상위집합

---

37.2 Map

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

• Map 객체는 배열과 유사

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

1) Map 객체 생성

Map 생성자 함수로 생성

• Map 생성자 함수에 인수를 전달하지 않으면 빈 Set 객체 생성

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

Map 생성자 함수는 이터러블을 인수로 전달받아 Map 객체를 생성

• 이때 인수로 전달되는 이터러블은 키와 값의 쌍으로 이루어진 요소로 구성되어야 함

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

• Map 생성자 함수의 인수로 전달한 이터러블에 중복된 키를 갖는 요소가 존재하면 값이 덮어써짐
  • Map 객체는 중복된 키를 갖는 요소가 존재할 수 없다

const map1 = new Map([['key1', 'value1'], ['key2', 'value2']]);
console.log(map1);	// Map(2) {"key1" => "value1", "key2" => "value2"}

const map2 = new Map([['key1', 'value1'], ['key1', 'value2']]);
console.log(map1);	// Map(1) {"key1" => "value2"}

2) 요소 개수 확인

Map.prototype.size 프로퍼티 사용하여 Map 객체의 요소 개수 확인

• size는 setter 함수 없이 getter 함수만 존재하는 접근자 프로퍼티
  • 따라서 size 프로퍼티에 숫자를 할당하여 Map 객체의 요소 개수를 변경할 수 없음

3) 요소 추가

Map.prototype.set 메서드 사용하여 Map 객체에 요소 추가

• set 메서드는 새로운 요소가 추가된 Map 객체 반환
  • set 메서드를 연속적으로 호출할 수 있음

const map = new Map();

map
	.set('key1', 'value1')
	.set('key2', 'value2');

console.log(map);	// Map(2) {"key1" => "value1", "key2" => "value2"}

4) 요소 취득

Map.prototype.get 메서드 사용하여 Map 객체에서 특정 요소 취득

• get 메서드의 인수로 키를 전달하면 Map 객체에서 인수로 전달한 킬를 갖는 값을 반환
  • 인수로 전달한 키를 갖는 요소가 존재하지 않으면 undefined 반환

const map = new Map();

const lee = { name: 'Lee' };
const kim = { name: 'Kim' };

map
	.set(lee, 'developer')
	.set(lee, 'designer')

console.log(map.get(lee));		// developer
console.log(map.get('key'));	// undefined

5) 요소 존재 여부 확인

Map.prototype.has 메서드 사용하여 Map 객체에서 특정 요소가 존재하는지 확인

• has 메서드는 특정 요소의 존재 여부를 나타내는 불리언 값을 반환

const lee = { name: 'Lee' };
const kim = { name: 'Kim' };

const map = new Map([[lee, 'developer'], [kim, 'designer']]);

console.log(map.has(lee));		// true
console.log(map.has('key'));	// false

6) 요소 삭제

Map.prototype.delete 메서드 사용하여 Map 객체의 요소 삭제

• delete 메서드는 성공 여부를 나타내는 불리언 값을 반환

  • 따라서 연속적으로 호출할 수 없다.

• 존재하지 않는 키로 Map 객체의 요소를 삭제하면 에러 없이 무시

const lee = { name: 'Lee' };
const kim = { name: 'Kim' };

const map = new Map([[lee, 'developer'], [kim, 'designer']]);

map.delete(kim);
map.delete('key2');	// 무시
console.log(map);	// Map(1) { {name: "Lee} => "developer" }

7) 요소 일괄 삭제

Map.prototype.clear 메서드 사용하여 Map 객체의 요소 일괄 삭제

• clear 메서드는 언제나 undefined 반환

const lee = { name: 'Lee' };
const kim = { name: 'Kim' };

const map = new Map([[lee, 'developer'], [kim, 'designer']]);

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

8) 요소 순회

Map.prototype.forEach 메서드 사용하여 Map 객체의 요소 순회

• Map.prototype.forEach 메서드는 콜백함수와 forEach 메서드의 콜백 함수 내부에서 this로 사용될 객체를 인수로 전달
  • 콜백함수에서 받는 3개의 인수
    • 첫 번째 인수: 현재 순회 중인 요소값
    • 두 번째 인수: 현재 순회 중인 요소값
    • 세 번째 인수: 현재 순회 중인 Set 객체 자제