Map в JavaScript

Map - это набор пар ключ-значение, где ключ может быть любым типом данных.

Map запоминает исходный порядок вставки ключей.

Как создать Map

Создать JavaScript Map можно следующим образом:

  1. передать массив в new Map().
  2. Создать Map и использовать Map.set().

метод new Map()

Можно передать массив в new Map() Конструктор для создания Map:

Экземпляр

// Создать Map
const fruits = new Map([
  ["apples", 500],
  ["bananas", 300],
  ["oranges", 200]

Попробуйте сами

метод 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
Không thể trực tiếp duyệt qua Có thể trực tiếp duyệt qua
Không có thuộc tính size Có thuộc tính size
Kлюч phải là chuỗi hoặc Symbol Kлюч có thể là bất kỳ loại dữ liệu nào
Thứ tự khóa không rõ ràng Ключ theo thứ tự chèn
Есть mặc định khóa Нет mặc định khóa

Полное руководство по Map

Для полного руководства, пожалуйста, посетите наш:Руководство JavaScript Map.

Эта книга содержит описание всех свойств и методов Map с примерами.

Поддержка браузерами

Map является Особенности ES6(JavaScript 2015).

С июня 2017 года все современные браузеры поддерживают ES6:

Chrome Edge Firefox Safari Opera
Chrome 51 Edge 15 Firefox 54 Safari 10 Opera 38
Май 2016 года Апрель 2017 года Июнь 2017 года Сентябрь 2016 года Июнь 2016 года

Internet Explorer не поддерживает Map.