[JS & ES6 신문법 학습] 매우 짧게 알아보는 Map, Set 자료형

김범기·2024년 7월 17일

JAVASCRIPT

목록 보기
34/38
post-thumbnail

Map

Map자료형도 object 처럼
?? : ??
방식으로 만들수 잇다.

var person = new Map()
person.set('name', 'K

: 대신 => 으로 표현되어있는 것을 볼 수 있다.

화살표가 있는 이유는 Map자료형은 자료간의 연관성을 표현하기 위해 사용하기 때문

Object 자료형은 자료 이름으로 글자만 가능
Map 자료형은다 가능

var person = new Map()
person.set(100, 'Kim')
person.set([1,2,3], 20)

Map에서 자료 꺼내는 법
.get()을 이용하면 된다.

삭제하는 법은
.delete()를 이용하면 된다.

자료 갯수 세는 법은
person.size를 이용하면 된다.
2개를 저장했으니 2 가 뜬다.

반복문으로 Map에서 자료 꺼내는 법

var person = new Map()
person.set(100, 'Kim')
person.set([1,2,3], 20)


for (var key of person.keys()){
  console.log(key)
}

첫번째 키, 두번째 키가 잘 나온다.

Map 자료형에 직접 자료 집어넣을 땐?!

var person = new Map([
  ['name', 'kim'],
  ['age', 20]
])

for (var key of person.keys()){
  console.log(key)
}

이렇게 사용하면 된다.

Set

var 출석부 = ['john', 'tom', 'andy', 'tom']

아 중복 있으면 우짜지 직접 흑흑....

중복자료를 허용하지 않는 Set을 사용하자!

var 출석부 = ['john', 'tom', 'andy', 'tom']

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

오 'tom'을 2번 넣었는데 중복이 엄서!!!

set 자료형에 자료 추가하기
.add()를 사용하면된다.

있는지 확인
.has()를 사용하자.

자료 제거하기
.delete()를 사용하자.

몇 개의 자료가 들어있는지 확인
.size

Set자료형 <-> Array 자료형
활용문제 : Array의 중복자료르 제거하고 싶으면?

var 출석부 = ['john', 'tom', 'andy', 'tom']

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

출석부 = [...출석부2]
console.log(출석부)

짜잔 중복 된 것이 없어졌다!!!

profile
반드시 결승점을 통과하는 개발자

0개의 댓글