Language/JavaScript (Modern) Show 2022. 1. 14. ES6에서 새롭게 등장한 자료구조인 맵(Map) 과 셋(Set) 객체에 대해 알아보자. 1. 맵(Map)- 맵(Map)은 키가 있는 데이터를 저장한다는 점에서 객체(obj)와 유사하다. - 객체는 키값으로 문자열만 사용 가능하지만 맵(Map)은 다양한 자료형을 허용한다. - 객체는 삽입된 순서를 기억하지 못하지만 맵(Map)은 삽입된 순서를 기억해 반복문 사용시 삽입 순서대로 반복된다. 1-1. 주요 메서드와 프로퍼티맵(Map)에서 주요 사용되는 메서드와 프로퍼티는 다음과 같다.
▷ 예제 1 ) 주요 메서드와 프로퍼티 기본 사용법
1-2. 맵의 요소 반복하기맵에서는 세 가지 메서드를 통해 맵의 각 요소를 뽑아 반복 작업을 하거나, 배열처럼 내장 메서드인 forEach를 사용한다.
▷ 예제 2 ) 반복을 위한 메서드의 기본 사용법
1-3. 객체를 맵으로, 맵을 객체로 변환하기맵은 키가있는 데이터를 저장한다는 점에서 객체와 유사하다고 하였는데, 그래서 그런지 서로 변환이 가능하다. ▷ 예제 3 ) 객체를 맵으로 변환하기
▷ 예제 4 ) 맵을 객체로 변환하기
맵에서 객체로 변환할때는 모든 key값이 문자열로 바뀌니 주의해야한다. 2. 셋(Set)- 셋(Set)은 중복을 허용하지 않는 값을 모아놓은 특별한 컬렉션이다. - 셋(Set)은 키가 없는 값을 저장한다는 점에서 배열(array)과 유사하다. 2-1. 주요 메서드와 프로퍼티셋(Set)에서 주요 사용되는 메서드와 프로퍼티는 다음과 같다.
▷ 예제 1 ) 주요 메서드와 프로퍼티 기본 사용법
2-2. 셋(Set)의 요소 반복하기셋 역시도 맵과 마찬가지로 세가지의 반복 가능한 요소롤 뽑아내는 메서드와 forEach 메서드가 존재한다.
▷ 예제 2 ) 반복을 위한 메서드의 기본 사용법
2-3. 배열을 셋으로, 셋을 배열로 변환하기셋은 배열과 유사하다고 말했었는데, 서로 상호작용하는것에 대해 배워보자. ▷ 예제 3 ) 배열을 셋으로 변환하기
▷ 예제 4 ) 셋을 배열로 변환하기
참고 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Keyed_collections 키기반의 컬렉션 - JavaScript | MDN 이번 장에서는 입력된 키값을 기준으로 정렬되는 데이터의 집합(자료 구조)에 대해 소개 할 것이다. Map과 Set은 입력된 순서대로 반복적으로 접근 가능한 요소들을 포함하고 있다. developer.mozilla.org 참고 : https://ko.javascript.info/map-set 맵과 셋 ko.javascript.info |