[딥다이브] - 37. Set과 Map

37.1. Set

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

37.1.1. Set 객체의 생성

Set 객체는 Set 생성자 함수로 생성하며, 인수를 전달하지 않으면 빈 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"}

37.1.2. 요소 개수 확인

Set.prototype.size 프로퍼티를 통해 Set 객체의 요소 개수를 확인할 수 있다.
getter 함수만 존재하므로 size 프로퍼티에 숫자를 할당해 요소 개수를 변경할 수는 없다.

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

console.log(set.size) // 3

37.1.3. 요소 추가

Set.prototype.add로 요소를 추가할 수 있다.
add는 요소가 추가된 Set 객체를 리턴하므로 연속적으로 호출할 수 있다.
중복된 요소를 추가하는 경우는 에러가 발생하지 않고 무시된다.
NaN과 NaN, +0과 -0을 같다고 평가해 중복 추가를 허용하지 않는다.

const set = new Set()

set.add(1).add(2).add(2).add(NaN).add(NaN).add(0).add(-0)
console.log(set) // Set(4) {1, 2, NaN, 0}

37.1.4. 요소 존재 여부 확인

Set.prototype.has로 특정 요소의 존재 여부를 확인할 수 있다.

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

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

37.1.5. 요소 삭제

Set.prototype.delete로 특정 요소를 삭제할 수 있다. 삭제 성공 여부를 리턴한다.
delete에는 인덱스가 아니라 삭제하려는 요소값을 인수로 전달한다. Set 객체는 인덱스를 갖지 않는다.
존재하지 않는 요소를 삭제하려 하면 에러 없이 무시된다.

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

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

37.1.6. 요소 일괄 삭제

Set.prototype.clear로 모든 요소를 일괄 삭제할 수 있다. 언제나 undefined를 리턴한다.

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

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

37.1.7. 요소 순회

Set.prototype.forEach로 Set 객체의 요소를 순회할 수 있다.
Set 객체는 이터러블이므로 for ... of문으로 순회할 수 있고, 스프레드 문법과 배열 디스트럭처링의 대상이 될 수 있다.

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

set.forEach((v, v2, set) => console.log(v, v2, set))

// 1 1 Set(3) { 1, 2, 3 }
// 2 2 Set(3) { 1, 2, 3 }
// 3 3 Set(3) { 1, 2, 3 }

37.1.8. 집합 연산

Set 객체를 통해 교집합, 합집합, 차집합 등을 구현할 수 있다.

• 교집합 A∩B Set.prototype.intersection
• 합집합 A∪B Set.prototype.union
• 교집합 A∖B Set.prototype.difference
• 부분 집합 A⊇B Set.prototype.isSupersetOf

37.2. Map

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

37.2.1. Map 객체의 생성

Map 객체는 Map 생성자 함수로 생성하며, 인수를 전달하지 않으면 빈 Map 객체가 생성된다.
Map 생성자 함수는 이터러블을 인수로 전달받아 Map 객체를 생성하며, 이때 이터러블은 키와 값의 쌍으로 이루어진 요소로 구성되어야 한다. 중복된 키를 갖는 요소가 존재하면 값이 덮어써진다. Map 객체는 중복된 키를 갖는 요소가 존재할 수 없다.

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

37.2.2. 요소 개수 확인

Map.prototype.size로 요소 개수를 확인할 수 있다.

const map = new Map([
  ['key1', 'value1'],
  ['key2', 'value2'],
])

console.log(map.size) // 2

37.2.3. 요소 추가

Map.prototype.set으로 Map 객체에 요소를 추가할 수 있다. 새로운 요소가 추가된 Map 객체를 리턴하므로 Set 메서드를 연속 호출할 수 있다.
중복된 키를 갖는 요소를 추가하면 값이 덮어써진다. NaN과 NaN, +0과 -0을 같다고 평가해 중복 추가를 허용하지 않는다.
객체와 달리 키 타입에 제한이 없어 모든 값을 키로 사용할 수 있다.

const map = new Map()
map.set('key1', 'value1')

console.log(map) // Map(1) {"key1" => "value1"}

37.2.4. 요소 취득

Map.prototype.get로 특정 요소를 취득할 수 있다. 인수로 전달한 키를 갖는 값을 리턴한다.

const map = new Map([
  ['key1', 'value1'],
  ['key2', 'value2'],
])

console.log(map.get('key1')) // value1

37.2.5. 요소 존재 여부 확인

Map.prototype.has로 특정 요소의 존재 여부를 확인할 수 있다.

const map = new Map([
  ['key1', 'value1'],
  ['key2', 'value2'],
])

console.log(map.has('key2')) // true
console.log(map.has('key3')) // false

37.2.6. 요소 삭제

Map.prototype.delete로 특정 요소를 삭제할 수 있다. 존재하지 않는 키로 삭제하려 하면 에러 없이 무시된다.

const map = new Map([
  ['key1', 'value1'],
  ['key2', 'value2'],
])

map.delete('key1')
console.log(map) // Map(1) { 'key2' => 'value2' }

37.2.7. 요소 일괄 삭제

Map.prototype.clear로 요소를 일괄 삭제할 수 있다.

const map = new Map([
  ['key1', 'value1'],
  ['key2', 'value2'],
])

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

37.2.8. 요소 순회

Map.prototype.forEach로 Set 객체의 요소를 순회할 수 있다.
Map 객체는 이터러블이므로 for ... of문으로 순회할 수 있고, 스프레드 문법과 배열 디스트럭처링의 대상이 될 수 있다.

const map = new Map([
  ['key1', 'value1'],
  ['key2', 'value2'],
])

map.forEach((v, k, map) => console.log(v, k, map))
// value1 key1 Map(2) { 'key1' => 'value1', 'key2' => 'value2' }
// value2 key2 Map(2) { 'key1' => 'value1', 'key2' => 'value2' }

Map 객체는 이터러블이면서 동시에 이터레이터인 객체를 리턴하는 메서드를 제공한다.