러닝 자바스크립트: ES6로 제대로 입문하는 모던 자바스크립트 웹 개발

243

10

장

맵과 셋

맵과 셋

CHAPTER

10

ES6

에서 새로 도입한 데이터 구조인

맵

map

과

셋

set

은 매우 반가운 소식입니다. 맵은 키와 값을

연결한다는 점에서 객체와 비슷하고, 셋은 중복을 허용하지 않는다는 점만 제외하면 배열과 비

슷합니다.

10.1

맵

ES6

이전에는 키와 값을 연결하려면 객체를 사용해야 했습니다. 하지만 객체를 이런 목적으로

사용하면 여러 가지 단점이 생깁니다.

●

프로토타입 체인 때문에 의도하지 않은 연결이 생길 수 있습니다.

●

객체 안에 연결된 키와 값이 몇 개나 되는지 쉽게 알아낼 수 있는 방법이 없습니다.

●

키는 반드시 문자열이나 심볼이어야 하므로 객체를 키로 써서 값과 연결할 수 없습니다.

●

객체는 프로퍼티 순서를 전혀 보장하지 않습니다.

Map

객체는 이들 결함을 모두 해결했고, 키와 값을 연결할 목적이라면 (문자열만 키로 쓴다 해

도) 객체보다 나은 선택입니다. 예를 들어 사용자 객체가 여럿 있고 이들에게 각각 역할을 부

여한다고 합시다.

244

러닝 자바스크립트

const

u1

= {

name

: '

Cynthia

' };

const

u2

=