자바스크립트 맵과 셋의 여러 가지 활용
자바스크립트에서는 맵(Map)과 셋(Set)이라는 두 가지 데이터 구조를 제공합니다. 이러한 데이터 구조는 다양한 상황에서 유용하게 활용될 수 있습니다. 이번 글에서는 자바스크립트 맵과 셋의 여러 가지 활용 예시를 살펴보겠습니다.
1. 맵(Map)의 활용
1-1. 데이터 저장 및 검색
맵(Map)은 키-값 쌍으로 데이터를 저장하고 검색하는 데 사용될 수 있습니다. 키는 유일해야 하며 값은 중복될 수 있습니다. 맵을 사용하면 효율적인 데이터 관리가 가능해집니다.
// 맵 생성
let countries = new Map();
// 데이터 저장
countries.set('한국', '서울');
countries.set('미국', '워싱턴');
countries.set('일본', '도쿄');
// 데이터 검색
console.log(countries.get('한국')); // 출력: 서울
console.log(countries.get('미국')); // 출력: 워싱턴
console.log(countries.get('중국')); // 출력: undefined
1-2. 데이터 순회
맵(Map)은 for…of 문법을 사용하여 데이터를 순회할 수 있습니다. 이를 활용하면 저장된 데이터를 쉽게 순회하고 처리할 수 있습니다.
// 맵 생성
let countries = new Map();
countries.set('한국', '서울');
countries.set('미국', '워싱턴');
countries.set('일본', '도쿄');
// 데이터 순회 및 처리
for (let [key, value] of countries) {
console.log(key + '의 수도는 ' + value + '입니다.');
}
// 출력:
// 한국의 수도는 서울입니다.
// 미국의 수도는 워싱턴입니다.
// 일본의 수도는 도쿄입니다.
2. 셋(Set)의 활용
셋(Set)은 유일한 값을 저장하는 데이터 구조로, 중복된 값이 저장되지 않습니다. 셋을 사용하면 중복을 제거하고 고유한 값만을 관리할 수 있습니다.
2-1. 데이터 필터링
셋(Set)을 사용하면 배열 등의 데이터에서 중복된 값을 쉽게 제거할 수 있습니다.
// 셋 생성
let numbers = new Set([1, 2, 3, 4, 1, 2, 5]);
// 데이터 필터링
let uniqueNumbers = Array.from(numbers);
console.log(uniqueNumbers); // 출력: [1, 2, 3, 4, 5]
2-2. 고유한 값 확인
셋(Set)은 데이터에 특정 값을 갖는 요소가 있는지 여부를 확인할 때 유용하게 사용될 수 있습니다.
// 셋 생성
let fruits = new Set(['사과', '바나나', '딸기']);
// 데이터 확인
console.log(fruits.has('사과')); // 출력: true
console.log(fruits.has('수박')); // 출력: false
마무리
이번 글에서는 자바스크립트 맵과 셋의 여러 가지 활용 예시를 살펴보았습니다. 맵과 셋은 각각 데이터 저장, 검색, 순회와 같은 다양한 기능을 제공하여 데이터 관리를 효과적으로 할 수 있게 해줍니다. 맵과 셋을 적재적소에 활용하여 더욱 효율적인 개발을 할 수 있길 바랍니다.