ECMAScript (ES6) Map, Set

이번 게시물에서는 Map과 Set이 특정상황에서 유용하도록 추가된 메소드에 대해 이야기해보겠습니다!

 

Map이 무엇인지 잘 모르겠다면 자바스크립트 배열 내장함수에 설명해두었으니 참고해주세요 :)

javascript #10. 배열 내장 함수

 

---

 

Map 

Map 객체는 object를 변형하여 만든 것이라 Object와 상당히 유사합니다. 

Map은 Object와 달리 넣은 순서가 기억되며 키가 문자열이 아니어도 가능합니다. 

var map = new Map([['zero', 'ZeroCho']]);
map.set('hero', 'Hero');
map.get('zero'); // 'ZeroCho'
map.size; // 2
map.has('hero'); // true
map.has('nero'); // false
map.entries(); // {['zero', 'ZeroCho'], ['hero', 'Hero']}
map.keys(); // {'zero', 'hero'}
map.values(); // {'ZeroCho', 'Hero'}
map.delete('hero');
map.clear();

Map에는 위와 같이 제공하는 속성과 메소드들이 있습니다. 

• set - 설정
• get - 가져오기
• has - 해당 키가 있는지 확인 
• delete - 기존 키 제거 
• clear - 초기화 
• size - 크기 확인 
• forEach - 내용 반복 
• entries - 키와 값 모두 반환 
• keys -  키 반환
• values - 값 반환 

 

Set

set은 Array를 변형하여 만든 것이라 Array와 비슷합니다. 

var set = new Set(['zero']);
set.add('hero');
set.has('zero'); // true
set.has('nero'); // false
set.size; // 2
set.entries(); // {['zero', 'zero'], ['hero', 'hero']}
set.keys(); // {'zero', 'hero'}
set.values(); // {'zero', 'hero'}
set.delete('hero');
set.clear();

Set에도 위와 같이 제공하는 속성과 메소드들이 있습니다. 

• add - 값 추가 
• has - 값 확인 
• delete - 값 제거 
• clear - 초기화 
• size - 크기 확인
• entries - 키와 값 모두 반환 
• keys -  키 반환
• values - 값 반환

entries, keys, values는 특정 부분만 확인할 수 없습니다. 전체를 반복하여 반환합니다! 

(entries[3] 불가)