Перебор объекта в JavaScript. Коллекции Map и Set

✏️ Рассмотрим способы перебора объектов: цикл for in, методы Object.keys, Object.values, Object.entries. Изучим способ преобразования из массива в объект через метод Object.fromEntries. Познакомимся со специальными коллекциями Map и Set и методами работы с ними. 🔴 Timeline: ▶ 00:00​ | Введение ▶ 00:26​ | Цикл for in ▶ 00:51​ | Перебор ключей объекта — Object.keys ▶ 01:15​ | Перебор значений объекта — Object.values ▶ 01:37​ | Перебор пар объекта ключ-значение — Object.entries ▶ 02:42​ | Преобразование массива пар ключ-значение в объект — Object.fromEntries ▶ 03:51​ | Коллекция Map ▶ 04:48​ | Добавление элемента в Map коллекцию — метод set ▶ 05:25​ | Получение элемента из Map коллекции — метод get ▶ 05:44​ | Проверка на существование элемента в Map коллекции — метод has ▶ 06:21​ | Удаление элемента из Map коллекции — метод delete ▶ 06:42​ | Очищение всей Map коллекции — метод clear ▶ 06:55​ | Размер Map коллекции — свойство size ▶ 07:11​ | Перебор Map коллекции — методы keys, values, entries, цикл for of ▶ 08:14​ | Преобразование из Object в Map ▶ 08:30​ | Преобразование из Map в Object ▶ 09:05​ | Коллекция уникальных значений Set ▶ 09:51​ | Добавление значений в коллекцию Set — метод add ▶ 10:16​ | Методы Set — delete, has, clear, свойство size ▶ 10:41​ | Перебор Set коллекции — методы keys, values, entries, forEach, цикл for of ▶ 11:14​ | Заключение 📚 Ссылки из видео: ➖ Документация по JavaScript от MDN:
➖ Русскоязычный справочник по JavaScript Doka:
➖ Фундаментальный онлайн учебник по JavaScript:
💬 Коммьюнити-чат в телеграме (помощь новичкам):
🧑‍💻 Основной телеграм-канал:
❤️ Boosty (поддержать автора):
🗂️ Бесплатные курсы на канале: 🟠 HTML:    • HTML курс 2025   🔵 CSS:    • CSS курс 2025   🟡 JS:    • JavaScript курс 2025   🟢 A11y:    • Accessibility курс 2025   🗺 Frontend Roadmap:    • Frontend Roadmap 2024 | Что должен учить ф...   ⚪️ Мастер-класс по верстке для новичков:    • Адаптивная верстка сайта с нуля для начина...   🔘 Мастер-класс по верстке для продвинутых (БЭМ, SCSS):    • Вёрстка сайта с 0 до результата | HTML, БЭ...   ⚫️ Мастер-класс по верстке с практикой по JavaScript:    • Вёрстка сайта с нуля • HTML, SCSS, JS прак...   🔴 Мастер-класс по верстке на стеке JSX, SCSS, JS, Vite, Minista (SSG), БЭМ:
📌 Автор: ➖ Личный сайт:
➖ Telegram:
➖ Boosty:
➖ GetMentor:
➖ Stepik (платные курсы и мастер-классы):
#frontend #фронтенд #js #javascript