[JavaScript] Map, Set 구조 알아보기

Map, Set은 자바스크립트에서 데이터를 저장하는 데 사용하는 구조입니다.

 

| Map

Map은 키와 값을 저장하는 객체입니다.

1. 생성

const map1 = new Map();

이러면 map1을 변수로 하는 Map객체가 생성이 됩니다.

2. 사용

Map객체의 set() 메서드를 사용해 새로운 키-값을 추가하고,

get() 메서드를 사용해 값을 검색할 수 있습니다.

const map1 = new Map();

map1.set('key1', 'value1');
map1.set('key2', 'value2');

console.log(map1.get('key2')); // "value2" 출력

 

그리고 Map객체를 생성할 때 배열을 전달해 초기 키-값을 설정할 수도 있습니다.

const map1 = new Map([['key1', 'value1'], ['key2', 'value2'], ['key3', 'value3']]);

console.log(map1.get('key3')); // "value3" 츨력

 

또한 for-of 반복문을 사용하여 키-값을 반복할 수도 있습니다.

const map1 = new Map([['key1', 'value1'], ['key2', 'value2'], ['key3', 'value3']])

for(let [key, value] of map1){
  console.log(`${key}: ${value}`);
}

 

| Set

Set 은 중복되지 않은 값을 저장하는 객체입니다.

1.  생성

const set1 = new Set();

이러면 set1을 변수로 하는 Set객체가 생성이 됩니다.

2. 사용

Set객체의 add() 메서드를 사용하여 값을 추가하고,

has() 메서드를 사용하여 값이 존재하는지 확인할 수 있고,

size속성을 사용하여 Set객체의 크기를 얻을 수도 있습니다.

const set1 = new Set();

set1.add('value1');
set1.add('value2');

console.log(set1.has('value2')); // true 출력
console.log(set1.size) // 2 출력

 

그리고 Set객체를 생성할 때 배열을 전달해 초기 값을 설정할 수도 있습니다.

const set1 = new Set(['value1', 'value2', 'value3']);
console.log(set1); // {"value1","value2","value3"} 출력

 

 

또한 for-of 반복문을 사용하여 값을 반복할 수도 있습니다.

const set1 = new Set(['value1', 'value2', 'value3']);

for(let value of set1){
  console.log(value);
}