JavaScript ES6 문법 - Set/Map

박재휘·2024년 3월 4일

JavaScript

목록 보기
17/19
post-thumbnail

1. Set

  • Array와 비슷하나 중복값을 허용하지 않는 자료형이다.
  • {} 중괄호로 표현된다.

사용법

생성은 new Set() 을 이용한다.

// 첫번째 방법
var mySet = new Set();
mySet.add(1);
mySet.add(2);
mySet.add(3);
mySet.add(3);

// 두번째 방법
var mySet = new Set([1, 2, 3, 3]);
  • Set()생성자 함수로 Set객체만 생성한 후 add()를 이용하여 넣을 수 있다.
  • 생성 시 파라미터로 데이터를 넣을 수 있다.

결과

  • Set자료형은 중복을 허용하지 않기 때문에 3을 두번 넣었지만 하나만 들어간 것을 확인할 수 있다.

Set 메서드와 속성

var mySet = new Set();

mySet.add(); // 데이터 추가
mySet.delete(); // 데이터 삭제
mySet.has(); // 데이터가 존재하는지 확인. true/false 반환
mySet.size; // 데이터 개수 확인

2. Map

  • Map자료형은 자료간의 연관성을 표현하기 위해 사용한다.
  • Object같이 key와 value형태로 자료를 저장한다.
  • key자리에 문자열 뿐만 아니라 array, object등 다양한 자료형을 key값으로 사용할 수 있다.

사용법

생성은 new Map() 을 사용한다.

var person = new Map();
person.set('name', 'Kim');
person.set('age', 20);

console.log(person);

결과

- 자료간의 연관성을 표현하기 위해 자료를 화살표로 표현한다.

Map 메서드와 속성

var person = new Map();

person.get(); //데이터 출력
person.delete(); //데이터 삭제
person.size; //자료 개수 확인

//Map자료 반복문 사용 for in
for (var key of person.keys() ){
  console.log(key)
}

//자료를 직접 넣으려면
var person = new Map([
  ['age', 20],
  ['name', 'Kim']
]); 
profile
차곡차곡 열심히

0개의 댓글