Карты JavaScript
Карта содержит пары ключ-значение, где ключи могут быть любого типа данных.
Карта запоминает исходный порядок вставки ключей.
Основные методы карты
| Метод | Описание |
|---|---|
| новая карта() | Создает новую карту |
| набор() | Устанавливает значение для ключа на карте |
| получить() | Получает значение ключа на карте |
| Удалить() | Удаляет элемент карты, указанный ключом |
| имеет() | Возвращает true, если ключ существует на карте |
| для каждого() | Вызывает функцию для каждой пары ключ/значение в карте. |
| записи() | Возвращает итератор с парами [ключ, значение] в Map |
| Имущество | Описание |
| размер | Возвращает количество элементов в карте |
Как создать карту
Вы можете создать карту 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()получает значение ключа на карте:
Пример
fruits.get("apples"); // Returns 500
Свойство размера
Свойство sizeвозвращает количество элементов на карте:
Пример
fruits.size;
Метод удаления ()
Метод delete()удаляет элемент Map:
Пример
fruits.delete("apples");
Метод has()
Метод 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()возвращает объект итератора с [key, values] в Map:
Пример
// List all entries
let text = "";
for (const x of fruits.entries()) {
text += x;
}
Поддержка браузера
Карты JavaScript поддерживаются во всех браузерах, кроме Internet Explorer:
| Chrome | Edge | Firefox | Safari | Opera |