여러분 안녕하세요. 혀코입니다.
이번 시간에는 JavaScript에서 Map의 특징과 기본적인 사용방법에 대해 알아보겠습니다.
JavaScript에서 Map은 기본적으로 다음과 같은 형식으로 사용합니다.
const map1 = new Map();
map1.set('name', 'Hyukho');
map1.set('country','Korea');
console.log(map1);
// {'name' => 'Hyukho', 'country' => 'Korea'}
console.log(map1.get('name');
// Hyukho
JavaScript에서 Map은 다음과 같은 특징이 있습니다.
- 순서를 기억하며, object와 동일한 key value 쌍 형식의 데이터로 구성되어 있습니다.
- Key 값을 이용해서 value 값에 접근할 수 있습니다.
- For of loop을 사용해서 데이터 표시할 수 있습니다.
- Key 값은 중복을 허용하지 않으며, value 값은 중복이 되어도 괜찮습니다.
- Key 값으로 Object 도 허용됩니다.
- 순수한 데이터 저장소이며, 데이터 접근의 처적화 되어있습니다.
JavaScript의 Map을 사용하는 기본적인 방법에 대해 자세히 알아보겠습니다.
- 순서를 기억하며, object와 동일한 key value 쌍 형식의 데이터로 구성되어 있습니다.
const map1 = new Map();
map1.set('name', 'Hyukho');
map1.set('country','Korea');
console.log(map1);
// {'name' => 'Hyukho', 'country' => 'Korea'}
- Key 값을 이용해서 value 값에 접근할 수 있습니다.
const map1 = new Map();
map1.set('name', 'Hyukho');
map1.set('country','Korea');
console.log(map1.country);
// "Korea"
- For of loop을 사용해서 데이터를 표시할 수 있습니다.
const map1 = new Map();
map1.set('name', 'Hyukho');
map1.set('country','Korea');
for (let [key, value] of map1) {
console.log(key + ' = ' + value);
}
// name = Hyukho
// country = Korea
- Key 값은 중복을 허용하지 않으며, Value 값은 중복되어도 괜찮습니다.
const map1 = new Map();
map1.set('name', 'Hyukho');
// {"name" => "Hyukho"}
map1.set('country','Korea');
// {"name" => "Hyukho", "country" => "Korea"}
map1.set('name','Hugo');
// {"name" => "Hugo", "country" => "Korea"}
map1.set('country','Hugo');
// {"name" => "Hugo", "country" => "Hugo"}
Key 값으로 Object를 사용할 수 있습니다.
const map1 = new Map();
map1.set('name', 'Hyukho');
map1.set('country','Korea');
const sns = {name: 'FaceBook', follower : 1291};
map1.set(sns, 0.94);
// {"name" => "Hugo", "country" => "Hugo", {…} => 0.94}
이렇게 JavaScript에서 Map의 특징과 기본적인 사용방법에 대해 알아봤습니다.
유용하셨다면, 공감과 구독 부탁 드립니다.
감사합니다.
댓글