JavaScript Map과 Set 쉽게 배우기, 특징, 비교, 사용법, 예제 코드

JavaScript Map과 Set 쉽게 배우기, 특징, 비교, 사용법, 예제 코드

 

 

JavaScript에서 데이터를 다룰 때 중요한 두 가지 데이터 구조인 Map과 Set에 대해 알아봅시다. 이 글에서는 Map과 Set의 개념, 사용법, 그리고 예시 코드를 통해 이해하는 방법을 다루겠습니다.

 

Map 이해하기

 

 

 

 

Map의 개념

Map은 키-값(key-value) 쌍을 저장하는 컬렉션으로, 키를 통해 값을 검색하는 데 사용됩니다. 키는 중복되지 않으며, 순서대로 저장됩니다.

 

Map의 구문

const myMap = new Map();

 

Map 사용법

 

Map - JavaScript | MDN

 

Map에 요소 추가하기

const myMap = new Map();
myMap.set('name', 'Alice');
myMap.set('age', 30);

 

Map에서 값 조회하기

console.log(myMap.get('name')); // "Alice" 출력
console.log(myMap.get('age')); // 30 출력

 

Map 순회하기

myMap.forEach((value, key) => {
  console.log(`${key}: ${value}`);
});

// 출력:
// "name: Alice"
// "age: 30"

 

Set 이해하기

 

Set의 개념

Set은 고유한 값의 집합을 저장하는 컬렉션입니다. 중복된 값은 허용되지 않으며, 순서는 중요하지 않습니다.

 

Set의 구문

const mySet = new Set();

 

Set 사용법

 

Set - JavaScript | MDN

 

Set에 값 추가하기

const mySet = new Set();
mySet.add(1);
mySet.add(2);
mySet.add(3);

 

Set에서 값 조회하기

console.log(mySet.has(2)); // true 출력
console.log(mySet.has(4)); // false 출력

 

Set 순회하기

mySet.forEach(value => {
  console.log(value);
});

// 출력:
// 1
// 2
// 3

 

 

Map과 Set의 공통점

 

SQL | SELECT 문의 기본 구조와 활용 방법

 

고유한 값 저장

Map과 Set은 모두 중복된 값을 저장하지 않습니다. 이는 데이터의 중복을 피하고 유일한 값만을 저장하고자 할 때 유용합니다.

 

순서 보장하지 않음

Map과 Set은 저장된 값의 순서를 보장하지 않습니다. 즉, 값이 저장된 순서대로 접근하려면 반복문 또는 특정 메서드를 사용해야 합니다.

 

Map과 Set의 차이

 

notepad++ 공백 표시

 

데이터 구조

• Map: 키-값(key-value) 쌍을 저장합니다. 각 항목은 고유한 키를 가집니다. 키는 임의의 데이터 타입일 수 있습니다.
• Set: 고유한 값의 집합을 저장합니다. 값만을 저장하며 중복을 허용하지 않습니다.

 

값에 접근

• Map: 특정 키를 사용하여 해당 키에 대응하는 값을 조회합니다.
• Set: 값을 직접 조회하거나, 값의 존재 여부를 확인하는 용도로 사용합니다.

 

Map 사용 사례

• 키-값 쌍의 데이터를 저장하고 검색하는 경우.
• 데이터를 논리적으로 그룹화하고, 각 그룹에 대한 속성을 관리하는 경우.

 

Set 사용 사례

• 중복된 값을 제거하고 고유한 값의 집합을 관리하는 경우.
• 데이터에서 중복을 제거한 후 고유한 값 목록을 얻는 경우.

 

Map과 Set의 공통적인 장점

 

• 중복을 허용하지 않아 데이터 정리와 중복 제거에 유용합니다.
• 빠른 검색 및 값 존재 여부 확인이 가능합니다.

 

끝으로

 

Map과 Set은 JavaScript에서 데이터를 효과적으로 관리하는 데 사용되는 중요한 데이터 구조입니다. Map은 키-값 쌍을 저장하고 검색하는 데 유용하며, Set은 중복을 제거하고 고유한 값의 집합을 관리하는 데 유용합니다. 어떤 데이터 구조를 선택할지는 사용 사례와 요구 사항에 따라 다르며, 이러한 데이터 구조를 잘 활용하면 코드를 더 효율적으로 작성할 수 있을 것입니다.

 

▼ 아래 글도 읽어보세요! ▼

 

JavaScript 일급 객체로서의 함수 소개, 특징, 예제 코드

 

[python] 엑셀 파일 열기 오류 - SyntaxError: (unicode error) 'unicodeescape' codec can't decode bytes in position 9 -10:

 

[python] Plotly로 데이터 시각화 만들기