JavaScript - Map
HTML-код
- Опубликовано: 9 фев 2025
- Map - это новая структура данных добавленная в ES2015. Объект Map похож на JS-объект, в том плане что он так же состоит из пар ключ значение. Можно также сказать что Map является ассоциативным массивом. Но у объекта Map есть несколько преимуществ перед объектами, например в объекте ключом может быть строка (или символ), в Map ключом может быть все что угодно, включая объекты и даже другие объекты Map. Также объект Map является итерируемым объектом, т.е. его можно перебрать в цикле for...of.
![Blox Fruits Dragon Rework Update [Full Stream]](http://i.ytimg.com/vi/EqDAp8udhm0/mqdefault.jpg)
Наконец-то учитель с нормальным английским
@@O_b7_7e7_7y7 ну да
тоже кайфанул от произношения ))
Спасибо большое, очень помогают твои труды! Жаль больше одного лайка нельзя ставить
в смысле нельзя? Делаешь другой аккаунт на ютуб и ставишь, а не пишешь подхалимные комментарии.
Красивое произношение на английском ..наконец-то хоть кто-то без аштэмиюэль и цеэсэс яваскрипт и всяких там валюэ, диструктурилизаций. Спасибо! Понятно, и без воды.
как-то смотрел видеоурок, там href называли хрюф )
@@Mamikonars , жестокий перл ))
Спасибо огромное! зашло с первого раза! ...в пожелания: больше бы интересных примеров или типовых задач в дополнение, чтобы понимать где стоит использовать.
На MDN явно выделено только 2 потенциальных преимущества у Map перед объектом:
Снтаксический "подсластитель": Map - итерируемый объект и может быть итерирован напрямую, в то время как Объект требует ручного получения списка ключей и их итерации.
Потенциальное увеличение производительности: Map может иметь более высокую производительность в случаях частого добавления или удаления ключей.
Ответ на главный вопрос жизни и всего такого из фильма "Автотопом по галактике"))
Спасибо за урок. Посмотрел и захотелось перечитать автостопом по галактике))
42
Просто шикарное объяснение просто и ясно спасибо!
Такие видео заслуживают намного больше просмотров. Наконец-то не косноязычный нарратор русскоязычный :-)
спасибо за уроки - знания - бесценны!
Отличная подача. Спасибо!
Хорошие примеры отличаются чем в соседних блогах
О боги... несколько раз задавал вопросы и на qna и стаке и ни один не ответил про Map.
Я неделю бился как трансформировать данные под задачу. Умаялся с map но другим. Задачу конечно решил, но был уверен, что абсолютно не эффективно. Этот Map это то, что нужно. Завтра буду переписывать....
Thanks a lot!!! To put it briefly- it`s a greatly usefull video!!!
Подскажите, приходилось ли вам использовать map в реальных проектах? И зачем в качестве ключа использовать функцию или объект? Хочу разобраться, где и ради каких целей это применяется.
Тебе никто не ответит , это тебе не с сайта learn js переписывать
@@andTutin , а что не так с этим сайтом? Нормальный учебник
наконец то все понятно!
Лайк за 42))
Map это в первую очередь класс , а не объект или массив
Круто! Спасибо. Оч похоже на хекслет
Спасибо огромное!
Нужно было сказать, что команда 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 = document.querySelectorAll('.class_input'); // Это инпут на странице
let valInput = [...inputs].map(({ value }) => value);
valueBox.setAttribute('data', valInput);
};
document.form.addEventListener('input', showValue);
showValue();
спасибо!
нам на курсах в Тинькове строго сказали, ...spread - синтаксис, а не оператор.
developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Operators/Spread_operator
Я думаю исчерпывающий ответ
@@dmytrowinter2310 немного некропостинга ) Уже переписали, что это таки синтаксис
У Map вроде бы есть еще один плюс, это ассоциативный массив который можно отсортировать, пусть и через костыли (чего дико не хватает обычным объектам словарям с числовыми ключами)
ответ на главный вопрос жизни, все же, не 42, а гладиолус
Красивая тема в редакторе, подскажите как называется?))
Она стандартная, Dark+
Я же правильно понимаю, что этот объект можно будет записать в data в vue и итерировать в v-for?
Не пробовал. Если Vue использует итератор для перебора, то да.
А как получить функцию через map.get() ?
ответ на главный вопрос жизни:В
Почему все такие довольные урокам , никто не задумался зачем нужны в качестае ключа обьекты или функции ? где map использовать на практике ? map имеет преимущество в скорости над литералом ? меня волнует одно , зачем в качестве ключа использовать функцию или обьект
Когда буду курсы по JS ?
Какие именно курсы вас интересуют?
CodeDojo с нуля
Подскажите название редактора кода на видео.
visual studio code очень похоже
code.visualstudio.com/
Это Visual Studio Code в режиме дзен (без лишних элементов UI).
Для кеширование
Не в обиду, но ваш акцент местами уж слишком переигран и забавно звучит. =) Нет смысла так сильно пародировать коренного англичанина
ну да, это действительно важно для урока (сарказм)
Kreator321RG, зачем писать очевидное пояснение? (Комментарий)
Акцент явно не англичанина) Английский в Англии отвратителен))) Это скорее желание автора произносить слова в соответствии с их правильной транскрипцией. Если можно так сказать, на чистом английском без акцента и примесей. Слышно что есть большой опыт в английском, и это огромный плюс для этого канала.
Warbine, как раз-таки акцента нет. и английские слова звучат как и должны звучать, не завидуйте так громко :)
Теперь я поняла логику россин)))
Спасибо большое!