JavaScript - Map

Map - это новая структура данных добавленная в ES2015. Объект Map похож на JS-объект, в том плане что он так же состоит из пар ключ значение. Можно также сказать что Map является ассоциативным массивом. Но у объекта Map есть несколько преимуществ перед объектами, например в объекте ключом может быть строка (или символ), в Map ключом может быть все что угодно, включая объекты и даже другие объекты Map. Также объект Map является итерируемым объектом, т.е. его можно перебрать в цикле for...of.

[giornogiovanna]

Наконец-то учитель с нормальным английским

[Shtirlic_Isaev]

На MDN явно выделено только 2 потенциальных преимущества у Map перед объектом:
Снтаксический "подсластитель": Map - итерируемый объект и может быть итерирован напрямую, в то время как Объект требует ручного получения списка ключей и их итерации.
Потенциальное увеличение производительности: Map может иметь более высокую производительность в случаях частого добавления или удаления ключей.

[MrVolkoed]

Спасибо большое, очень помогают твои труды! Жаль больше одного лайка нельзя ставить

[kimTier]

Красивое произношение на английском ..наконец-то хоть кто-то без аштэмиюэль и цеэсэс яваскрипт и всяких там валюэ, диструктурилизаций. Спасибо! Понятно, и без воды.

[kpcqpxt]

Спасибо огромное! зашло с первого раза! ...в пожелания: больше бы интересных примеров или типовых задач в дополнение, чтобы понимать где стоит использовать.

[ba_stian]

Ответ на главный вопрос жизни и всего такого из фильма "Автотопом по галактике"))

[dxbtzbz]

Спасибо за урок. Посмотрел и захотелось перечитать автостопом по галактике))

[prime_ihor]

Такие видео заслуживают намного больше просмотров. Наконец-то не косноязычный нарратор русскоязычный :-)

[dmdk]

О боги... несколько раз задавал вопросы и на qna и стаке и ни один не ответил про Map.
Я неделю бился как трансформировать данные под задачу. Умаялся с map но другим. Задачу конечно решил, но был уверен, что абсолютно не эффективно. Этот Map это то, что нужно. Завтра буду переписывать....

[Vladimir-wwbe]

Просто шикарное объяснение просто и ясно спасибо!

[loadmore]

Хорошие примеры отличаются чем в соседних блогах

[egoist]

Подскажите, приходилось ли вам использовать map в реальных проектах? И зачем в качестве ключа использовать функцию или объект? Хочу разобраться, где и ради каких целей это применяется.

[prsion]

Thanks a lot!!! To put it briefly- it`s a greatly usefull video!!!

[WERWOLION]

Map это в первую очередь класс, а не объект или массив

[TheThing_]

У Map вроде бы есть еще один плюс, это ассоциативный массив который можно отсортировать, пусть и через костыли (чего дико не хватает обычным объектам словарям с числовыми ключами)

[ilxhdii]

спасибо!
нам на курсах в Тинькове строго сказали, ...spread - синтаксис, а не оператор.

[atherine]

Красивая тема в редакторе, подскажите как называется?))

[elik]

ответ на главный вопрос жизни, все же, не 42, а гладиолус

[moto_venom]

Нужно было сказать, что команда node map запускает файл который называется map.js
Я не использовал никогда данную команду и для это не был оочевидным
Я пытался запустить этой командой файл main.js

9:39 Объясните как это можно потом использовать?
Мы получили 3 объекта с одинаковыми значениями.

html HyperText Markup Language Map(3) {
'html' => 'HyperText Markup Language',
'css' => 'Cascading Style Sheets',
'js' => 'JavaScript'
}
и т.д.

А вообще я смотрел видео что-бы понять как работает данная конструкция с методом map
Суть в том, что тут вводится значение в инпут и затем это значение сразу-же записывается в атрибут data в диве.
Я думаю, что этот когд могу упростить, так как раньше они использовал несколько инпутов.
const showValue = _ => {
let inputs = // Это инпут на странице
let valInput = [...inputs].map(({ value }) => value);
valueBox.setAttribute('data', valInput);
};
document.form.addEventListener('input', showValue);
showValue();

[alex-bcsi]

А как получить функцию через map.get() ?