# Map, Set

Doozuu·2022년 12월 6일
0

Javascript

목록 보기
35/99

Map : 오브젝트처럼 key, value를 저장하는 자료형

"자료간의 연관성"을 표현하기 위해 씀.

Map 만드는 법 : new Map()
자료 넣는 법 : set()
자료 꺼내는 법 : get()
자료 삭제하는 법 : delete()
자료 갯수 세는 법 : size


Object와의 차이점

Object 자료형과는 달리 Map 자료형은 key, value값에 모든 자료를 넣을 수 있다.

var person = new Map();
person.set([1,2,3],'kim'); // array, object 등등

예시

var person = new Map();
person.set('name','kim'); //{'name' => 'kim'}
person.set('age',20); // {'age' => 20}
person.get('age')
person.delete('age')
person.size

//Map자료 반복문 돌리기
for(var key of person.keys()){
	console.log(key)
}

//자료 직접 집어넣기
var person = new Map([
	['age',20],
    ['name', 'kim']
]);


Set : 중복자료를 허용하지 않는 array와 비슷한 것.

특징

  • array와 유사하게 생김.
  • 출력해보면 중괄호로 표현됨.

자료 추가하기 : add()
자료 제거하기 : delete()
자료있는지 확인 : has()
자료 갯수 세기 : size


중복자료를 절대 허용하지 않는다.

-> 중복 데이터를 방지하고 싶을 때 쓰면 유용함.

실제 활용 예시) array의 데이터 중복제거할 때 많이 씀.
array를 set으로 바꾸는건 매우 쉬움.

var 출석부 = [ 'john' , 'tom', 'andy', 'tom' ];
var 출석부2 = new Set(출석부) 
출석부 = [...출석부2]

-> array를 set으로 바꿨다가 다시 array로 바꿈
-> 중복자료들이 자동으로 제거됨.

예시

var 출석부 = new Set(['john','tom','andy']); // {'john','tom','andy'}
출석부.add('sally')
출석부.has('tom')
출석부.size
profile
모든게 새롭고 재밌는 프론트엔드 새싹

0개의 댓글