-
Map / Set자료형JavaScript ES6 2022. 6. 3. 10:29
먼저, Map 자료형을 알아보자.
map자료형은 똑같히 Key, Value를 저장하는 자료형이다.
var person = new Map(); person.set('name', 'Kim'); // key, value
위처럼 person이란 map자료형을 만들고 set 키워드를 이용해서 key와 value를 저장한다.
map자료형은 { "name" => "Kim" } 이런 식으로 화살표로 저장이 된다.
화살표가 있는 이유는 map자료형이 자료간의 연관성을 표현하기 위해서 사용하기 때문이다.
Object 자료형은 자료이름(key값)으로 글자만 가능한데, Map자료형은 key값으로 다 가능하다.
자료 출력은 get키워드를 이용한다.
person.get('name');
이렇게 get(key값)으로 값을 출력할 수 있다.
그리고 삭제하려면 delete를 하고, 자료 갯수를 세려면 size를 붙이면 된다.
만약, 반복문에서 꺼내려면 var key of person.keys() 혹은 var key of person.values()로 키값이나 발루값으로 for of반복문을 쓸 수 있다.
마지막으로, Map자료형에 하나하나 추가하기 힘들어서 직접 자료를 넣을 땐,
var person = new Map([ ['name', 'Kim'], ['age', 20] ]);
이렇게 대괄호를 안에 넣고, 대괄호 안에 item들을 작성하면 된다.
이제 Set 자료형을 알아보자.
Set 자료형은
var 출석부 = ['john','tom','andy','tom'];
이처럼 중복이 들어가있는 array에서 중복이 되지 않는 즉, 중복자료 허용하지 않는 자료형이다.
var 출석부2 = new Set(['john','tom','andy','tom']);
위처럼 new Set키워드를 사용하며, 안에는 중복자료가 들어가도 1개만 나오게 된다.
그리고
출석부2.add('sally'); //자료추가 출석부2.delete(); //값 제거 출석부2.has(); //이 값이 있는지 확인 출석부2.size; //몇개 들어있는지 확인 (중복값제거)
위처럼 여러가지 키워드를 사용할 수 있다.
이제 Set자료형을 Array자료형으로 바꿔보자. 혹은 반대로 해보자.
var 출석부 = ['john','tom','andy','tom']; var 출석부2 = new Set(['john','tom','andy','tom']); 출석부 = [...출석부2]; //괄호제거
이렇게, 괄호를 제거하고 담아주면 된다.
마지막으로 set자료형도 반복문을 돌릴 수 있다.
'JavaScript ES6' 카테고리의 다른 글
shadow Dom, template로 html모듈화 (0) 2022.06.03 Web components로 커스텀 html태그 만들기 (0) 2022.06.03 Symbol자료형 (0) 2022.06.03 for in / for of 반복문 (0) 2022.06.02 async / await (0) 2022.06.02