Map в JavaScript
- Предыдущая страница Методы JS Set
- Следующая страница Методы JS Map
Map - это набор пар ключ-значение, где ключ может быть любым типом данных.
Map запоминает исходный порядок вставки ключей.
Как создать Map
Создать JavaScript Map можно следующим образом:
- передать массив в
new Map()
. - Создать 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.
- Предыдущая страница Методы JS Set
- Следующая страница Методы JS Map