Map 개체 및 해당 응용 프로그램이란 무엇입니까?

자바스크립트 맵에 대해 알아봅시다.

지도는 객체와 유사합니다.
키/값 쌍에 요소를 저장합니다.

그러나 맵은 객체와 달리 객체, 함수 및 기타 데이터 유형을 키로 포함할 수 있습니다.
new Map() 생성자를 사용하여 지도를 만들 수 있습니다.

지도에 삽입하려면 set() 메서드를 사용합니다. 객체와 함수를 키로 사용할 수도 있습니다.

const map1 = new Map();

map1.set('a', 1);
map1.set('b', 2);
console.log(map1)
//expected output: Map {"a": 1, "b": 2}


요소에 액세스하려면 get() 메서드를 사용합니다. 키에서 get 메서드를 호출하고 해당 값을 가져옵니다.

const map1 = new Map();

map1.set('a', 1);
map1.set('b', 2);
console.log(map1.get('a'));
// expected output: 1


지도에 요소가 있는지 확인하기 위해 has()라는 함수를 얻습니다.

const map1 = new Map();

map1.set('a', 1);
map1.set('b', 2);
console.log(map1.has('c'))
//expected output: false


그런 다음 지도에서 데이터를 제거할 수 있는 clear() 및 delete() 메서드가 있습니다.

const map1 = new Map();

map1.set('a', 1);
map1.set('b', 2);
map1.delete('b');
console.log(map1)
//expected output: Map {"a" : 1}


맵의 길이를 얻기 위해 맵에 있는 요소의 수를 알려주는 크기 속성이 있습니다.

const map1 = new Map();

map1.set('a', 1);
map1.set('b', 2);
map1.set('c', 3);
console.log(map1.size); 
// expected output: 3


맵을 반복하기 위해 for 루프 또는 for-each 루프를 사용할 수 있습니다. 요소는 삽입된 순서대로 액세스됩니다.

const map1 = new Map();

map1.set('a', 1);
map1.set('b', 2);
map1.set('c', 3);

for (let [key, value] of map1){
    console.log(key, "-", value)
}
// a - 1
// b - 2
// c - 3

map1.forEach(function(value, key){
    console.log(key + "-" + value)
})
// a-1
// b-2
// c-3


키와 값을 개별적으로 반복할 수도 있습니다.

for(let values of map1.values()){
    console.log(values)
}
//1 2 3 

for(let values of map1.keys()){
    console.log(values)
}
//a b c


지금까지 지도 개체에 대한 간략한 개요였습니다.
실제 응용 프로그램에서 사용했는지, 성능이 어땠는지 알려주세요!

좋은 웹페이지 즐겨찾기