JavaScript Map
- 이전 페이지 JS Set 메서드
- 다음 페이지 JS Map 메서드
Map은 키와 값의 쌍으로 구성된 컬렉션으로, 키는 어떤 데이터 타입이든 될 수 있습니다.
Map은 키의 원래 삽입 순서를 기억합니다.
Map 생성 방법
JavaScript Map 생성 방법:
- 배열을 전달하여
new Map()
。 - Map 생성하고 사용:
Map.set()
。
new Map() 메서드를 통해
new Map() 메서드에 배열을 전달하여 new Map()
구조 함수로 Map 생성:
인스턴스
// Map 생성 const fruits = new Map([ ["apples", 500], ["bananas", 300], ]
set() 메서드
사용할 수 있습니다 set()
메서드로 Map에 요소 추가:
인스턴스
// Map 생성 const fruits = new Map(); // Map 값 설정 fruits.set("apples", 500); fruits.set("bananas", 300); fruits.set("oranges", 200);
set()
메서드는 기존의 Map 값도 변경할 수 있습니다:
인스턴스
fruits.set("apples", 200);
get() 메서드
get()
메서드로 Map에 있는 키의 값을 가져옵니다:
인스턴스
fruits.get("apples"); // 반환 500
Map은 객체입니다
typeof
반환 object:
인스턴스
// 반환 object: typeof fruits;
instanceof Map
반환 true:
인스턴스
// 반환 true: fruits instanceof Map;
JavaScript 객체와 Map의 차이
以下是 JavaScript 객체와 Map의 차이:
对象 | Map |
---|---|
객체 | Map |
직접 반복할 수 없습니다 | 직접 반복할 수 있습니다 |
키는 문자열이나 Symbol여야 합니다 | 키는 어떤 데이터 유형이든 될 수 있습니다 |
키의 순서는 명확하지 않습니다 | 키는 삽입 순서로 정렬됩니다 |
기본 키가 있습니다 | 기본 키가 없습니다 |
완전한 Map 참조 매뉴얼
완전한 참조를 위해 방문하십시오:JavaScript Map 참조 매뉴얼。
이 매뉴얼은 모든 Map 속성과 메서드의 설명과 예제를 포함하고 있습니다。
브라우저 지원
Map은 ES6의 특성(JavaScript 2015)。
2017년 6월부터 모든 현대 브라우저는 ES6를 지원합니다:
크롬 | 에지 | 파이어폭스 | 사파리 | 오페라 |
---|---|---|---|---|
크롬 51 | 에지 15 | 파이어폭스 54 | 사파리 10 | 오페라 38 |
2016년 5월 | 2017년 4월 | 2017년 6월 | 2016년 9월 | 2016년 6월 |
Internet Explorer는 Map을 지원하지 않습니다.
- 이전 페이지 JS Set 메서드
- 다음 페이지 JS Map 메서드