Set
I. 기본 사용법
중복되지 않는 값들의 집합 / 표준 내장 객체 중 하나
배열과의 차이: 동일한 값을 여러 번 포함할 수 없음 / 값들의 순서가 무의미함
참조형 데이터의 경우
II. 이터러블로서의 Set
-
for ... of 문
-
스프레드 문법
-
디스트럭쳐링
이터러블과 별개 - forEach 메서드도 사용 가능
Map
키와 값의 쌍으로 이루어진 컬렉션
표준 내장 객체 중 하나
객체와의 차이:
이터러블의 일종 (이터러블의 기능 사용 가능)
메서드와 프로퍼티 등의 기능 차이
객체나 배열 등의 참조값을 키로 사용 가능
키와 값을 보다 자주 변경하는 경우 적합하도록 설계됨
I. 기본 사용법
(사진 밑의 답변은 chat으로부터 참고해봄)
이 코드는 새로운 Map 객체 map1을 생성한 후, set 메서드를 사용하여 키와 값의 쌍을 추가합니다. 이때, 다양한 유형의 키 (문자열, 숫자, 불리언)를 사용할 수 있습니다. console.log(map1)를 실행하면 map1의 상태는 다음과 같습니다:
이 코드는 초기값을 배열 형태로 제공하여 새로운 Map 객체 map2를 생성합니다. console.log(map2)를 실행하면 map2의 초기 상태는 다음과 같습니다:
이 코드는 map2에서 이미 존재하는 키 'x'에 대해 새로운 값을 설정합니다. 기존의 값 1은 2로 덮어쓰여집니다. console.log(map2)를 실행하면 map2의 상태는 다음과 같습니다:
이 코드는 get 메서드를 사용하여 map2에서 특정 키의 값을 가져옵니다. 존재하지 않는 키 'y'에 대해서는 undefined가 반환됩니다. 출력 결과는 다음과 같습니다:
이 코드는 객체와 배열을 키로 사용하는 예제입니다. 객체와 배열은 참조값으로, 같은 구조의 다른 객체나 배열이라도 다른 키로 인식됩니다. console.log(map2)를 실행하면 map2의 상태는 다음과 같습니다:
II. 이터러블로서의 Map
- for ... of 문
- 스프레드 문법
- 디스트럭쳐링
이터러블과 별개 - forEach 메서드도 사용 가능
