자바스크립트 지도
Map은 키가 모든 데이터 유형이 될 수 있는 키-값 쌍을 보유합니다.
Map은 키의 원래 삽입 순서를 기억합니다.
필수 지도 방법
방법 | 설명 |
---|---|
새로운 지도() | 새 지도를 만듭니다. |
세트() | Map의 키 값을 설정합니다. |
가져 오기() | Map의 키 값을 가져옵니다. |
삭제() | 키로 지정된 Map 요소를 제거합니다. |
가지다() | 키가 맵에 있으면 true를 반환합니다. |
각각() | Map의 각 키/값 쌍에 대한 함수를 호출합니다. |
항목() | Map에서 [key, value] 쌍이 있는 반복자를 반환합니다. |
재산 | 설명 |
크기 | 맵의 요소 수를 반환합니다. |
지도를 만드는 방법
다음과 같은 방법으로 JavaScript 맵을 만들 수 있습니다.
- 배열 전달
new Map()
- 맵 생성 및 사용
Map.set()
새로운 Map() 메서드
new Map()
생성자 에 배열을 전달하여 맵을 만들 수 있습니다 .
예시
// Create a Map
const fruits = new Map([
["apples", 500],
["bananas", 300],
["oranges", 200]
]);
set() 메서드
set()
다음 방법 을 사용하여 맵에 요소를 추가할 수 있습니다 .
예시
// Create a Map
const fruits = new Map();
// Set Map Values
fruits.set("apples", 500);
fruits.set("bananas", 300);
fruits.set("oranges", 200);
이 set()
방법을 사용하여 기존 Map 값을 변경할 수도 있습니다.
예시
fruits.set("apples", 200);
get() 메서드
이 get()
메서드는 Map의 키 값을 가져옵니다.
예시
fruits.get("apples"); // Returns 500
크기 속성
이 size
속성은 Map의 요소 수를 반환합니다.
예시
fruits.size;
delete() 메서드
이 delete()
메서드는 Map 요소를 제거합니다.
예시
fruits.delete("apples");
has() 메서드
키가 Map에 존재 하는 has()
경우 메서드는 true를 반환합니다.
예시
fruits.has("apples");
이 시도:
fruits.delete("apples");
fruits.has("apples");
JavaScript 개체 대 지도
JavaScript 개체와 지도의 차이점:
물체 | 지도 | |
---|---|---|
반복 가능 | 직접 반복할 수 없음 | 직접 반복 가능 |
크기 | 크기 속성이 없습니다. | 크기 속성이 있습니다. |
키 유형 | 키는 문자열(또는 기호)이어야 합니다. | 키는 모든 데이터 유형이 될 수 있습니다. |
키 주문 | 키가 잘 정렬되어 있지 않습니다. | 키는 삽입 순서로 정렬됩니다. |
기본값 | 기본 키 보유 | 기본 키가 없습니다 |
forEach() 메서드
이 forEach()
메서드는 Map의 각 키/값 쌍에 대한 함수를 호출합니다.
예시
// List all entries
let text = "";
fruits.forEach (function(value, key) {
text += key + ' = ' + value;
})
항목() 메서드
이 entries()
메서드는 Map에 [key, values]가 있는 반복자 객체를 반환합니다.
예시
// List all entries
let text = "";
for (const x of fruits.entries()) {
text += x;
}
브라우저 지원
JavaScript 지도는 Internet Explorer를 제외한 모든 브라우저에서 지원됩니다.
Chrome | Edge | Firefox | Safari | Opera |