[Javascript] Collections

Collection

• List
• Map
• Set

프로그래밍 언어에는 종류에 상관없이 Map, Set, List 컬렉션을 지원한다. 하지만 JS의 경우 ES 6 이전에 List밖에 없었고, 다음 버전인 ES 6에서는 나머지 컬렉션들이 추가가 되었다.

Set

let set = new Set();

set.add(5);
set.add("5");
set.add('ok');
set.add(true);
set.add(5);

console.log(set.size); //4

Set은 흔히 알고있듯, Value가 Key가 되는, 즉 하나의 Value의 중복을 허용하지 않는 컬렉션이다.

 

그래서 배열의 중복제거를 위해 종종 사용되기도 한다.

const arr = [2, 2, 3, 8, 1, 10, 2, 5, 3, 5, 8, 7, 0];
const set_ = new Set(arr);

console.log(`arr's length : ${arr.length}`); //13
console.log(`set's size : ${set_.size}`); //8

 

※ 전체를 나열하는 서비스

• forEach : ES 5부터 지원되어옴 (for - in ==> 키를 뽑아주는 제어 구조)
• iterator : ES 6부터 지원하는 새로운 방법 (for - of ==> 값을 뽑아주는 제어 구조)

//forEach
set_.forEach((value, key, itself) => {
    console.log(`${key} : ${value}`);
});

Instance Methods

• add(value) : 값 추가
• has(value) : 값 있는지 체크
• clear() : set 비우기
• delete(value) : 값 제거

Map

let map = new Map();
map.set('id', 1);
map.set('title', 'map이란?');

//Values 뽑아보기
for(let v of map.values())
    console.log(v);
    
//Keys 뽑아보기
for(let k of map.keys())
    console.log(k);
    
//Key : Value 뽑아보기
for(let [k, v] of map)
    console.log(`${k} : ${v}`);
    
//Key : Value 뽑아보기
for(let [k, v] of map.entries())
    console.log(`${k} : ${v}`);

# List는 생략