JavaScript Map.forEach() — перебір усіх пар

Метод forEach() викликає функцію для кожної пари Map, у порядку додавання.

правити

Загальний опис

Тут є пастка, на якій спотикаються всі: аргументи йдуть у порядку значення, ключ — а не «ключ, значення», як підказує інтуїція. Так зроблено заради сумісності з forEach масиву, де першим іде елемент.

Саме тому в сучасному коді частіше пишуть for...of із деструктуризацією [key, value] — там порядок природний і його неможливо переплутати.

правити

Порада

Плутаєшся в порядку аргументів — не мучся, пиши for (const [key, value] of map). Ще й break працюватиме, чого у forEach немає.

автор: NagarD правити

+ додати пораду чи нотатку

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі Серверні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
	38	25	8	25	12	11

Підтримка: мобільні переглядачі

Переглядач
	38	38	25	8

Підтримка: серверні переглядачі

Переглядач
	0.12.0	1.0

Приклади

+ запропонувати свій приклад у пісочниці

const map = new Map([['theme', 'dark'], ['lang', 'uk']]);

// увага: СПЕРШУ значення, ПОТІМ ключ
map.forEach((value, key) => {
    console.log(key, '=', value);
});

// сучасніше й без пасток — порядок природний
for (const [key, value] of map) {
    console.log(key, '=', value);
}