JavaScript Map

Map은 키와 값의 쌍으로 구성된 컬렉션으로, 키는 어떤 데이터 타입이든 될 수 있습니다.

Map은 키의 원래 삽입 순서를 기억합니다.

Map 생성 방법

JavaScript Map 생성 방법:

  1. 배열을 전달하여 new Map()
  2. 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을 지원하지 않습니다.