JavaScript 문법 종합반 문법- Map/Set 소개 및 예시

map(-key / value)

-key에 어떤 데이터 타입(유형)도 다 들어올 수 있다.

-map은 키가 정렬된 순서로 저장되기 때문이다.

-기능 => 검색, 삭제 제거, 여부 확인

const myMap=new Map();

myMap.set('key','value');

//...

//...

myMap.get('key')

형태

 

const myMap=new Map();

myMap.set('one','1');

myMap.set('two','2');

myMap.set('three','3');

console.log(myMap.keys())=[Map Iterator] { 'one', 'two', 'three' }

for(const key of myMap.keys()){

    console.log(key)=one

                                two

                                three

}

console.log(myMap.values())=[Map Iterator] { '1', '2', '3' }

for(const value of myMap.values()){

    console.log(value)=1

                                    2

                                    3

}

console.log(myMap.entries())=[Map Entries] { [ 'one', '1' ], [ 'two', '2' ], [ 'three', '3' ] }

for(const entrie of myMap.entries()){

    console.log(entrie)=[ 'one', '1' ]

                                    [ 'two', '2' ]

                                    [ 'three', '3' ]

}

console.log(myMap.size);=3//map의 사이즈(길이)//

console.log(myMap.has('two'))=true//key 기반 검색//

console.log(myMap.has('two1'))=false//key 기반 검색//

 

Set

 

고유한 값을 저장하는 구조다. / 값만 저장한다. / 키를 저장하지 않는다./

값이 중복되지 않는 유일한 요소로만 구성된다.

기능 => 값 추가, 검색, 값 삭제, 모든 값 제거, 존재 여부 확인

const mySet = new Set();

mySet.add("value1")

mySet.add("value2")

mySet.add("value3")

mySet.add("value5")

mySet.add("value8")

for(const value of mySet.values()){

    console.log(value)=value1

                       value2

                       value3

                       value5

                       value8

}