JavaScript Мапи
JavaScript Мапа містить пари ключ-значення, де ключі можуть бути будь-якого типу даних.
JavaScript Мапа запам’ятовує оригінальний (початковий) порядок вставки ключів.
Основні методи Мапи
| Метод | Опис |
|---|---|
| new Map() | Створює нову Мапу |
| set() | Встановлює значення для ключа на Мапі |
| get() | Отримує значення для ключа на Мапі |
| delete() | Видаляє елемент Мапи, вказаний ключом |
| has() | Повертає true, якщо ключ існує на Мапі |
| forEach() | Викликає функцію для кожної пари ключ/значення на Мапі |
| entries() | Повертає ітератор з парами [ключ, значення] на Мапі |
| Властивість | Опис |
| size | Повертає кількість елементів на Мапі |
Як створити Мапу?
Ви можете створити JavaScript Мапу за допомогою:
- Передача масиву в
new Map() - Створіть Мапу та використовуйте
Map.set()
Метод new Map()
Ви можете створити Мапу, передавши масив в конструктор new Map():
Приклад
// Створити Мапу
const fruits = new Map([
["apples", 500],
["bananas", 300],
["oranges", 200]
]);
Спробуйте самі »
Метод set()
Ви можете додавати елементи на Мапу за допомогою метода set():
Приклад
// Створити Мапу
const fruits = new Map();
// Встановити значення Мапи
fruits.set("apples", 500);
fruits.set("bananas", 300);
fruits.set("oranges", 200);
Спробуйте самі »
Метод set() також можна використовувати для зміни існуючих значень Мапи:
Метод get()
Метод get() отримує значення ключа на Мапі:
Властивість size
Властивість size повертає кількість елементів на Мапі:
Метод delete()
Метод delete() видаляє елемент Мапи:
Метод has()
Метод has() повертає true, якщо ключ існує на Мапі:
Приклад
fruits.has("apples");
Спробуйте самі »
Спробуй це:
fruits.delete("apples");
fruits.has("apples");
Спробуйте самі »
JavaScript Об’єкти та Мапи
Відмінності між JavaScript об’єктами та Мапами:
| Об’єкт | Мапа | |
|---|---|---|
| Ітерація | Не пряма ітерація | Пряма ітерація |
| Size | Не має властивості size | Має властивість size |
| Типи ключа | Ключи мають бути рядками (або символами) | Ключи можуть бути будь-якого типу даних |
| Порядок ключа | Ключи погано впорядковані | Ключи впорядковані по вставці |
| За замовчуванням | Мають ключи за замовчуванням | Не мають ключів за замовчуванням |
Метод forEach()
Метод forEach() викликає функцію для кожної пари ключ/значення на Мапі:
Приклад
// Список всіх записів
let text = "";
fruits.forEach (function(value, key) {
text += key + ' = ' + value;
})
Спробуйте самі »
Метод entries()
Метод entries() повертає об’єкт-ітератор з [ключом, значеннями] на Мапі:
Приклад
// Список всіх записів
let text = "";
for (const x of fruits.entries()) {
text += x;
}
Спробуйте самі »
Підтримка браузерами
JavaScript Мапи підтримуються в усіх браузерах, крім Internet Explorer:
| Chrome | Edge | Firefox | Safari | Opera |
