Iterating over an Object in JavaScript: Map and Set Collections
✏️ Let's look at ways to iterate over objects: the for in loop, Object.keys, Object.values, and Object.entries. We'll also explore how to convert an array to an object using the Object.fromEntries method. We'll also get acquainted with the special Map and Set collections and methods for working with them.
🔴 Timeline:
▶ 00:00 | Introduction
▶ 00:26 | The for in loop
▶ 00:51 | Iterating over object keys — Object.keys
▶ 01:15 | Iterating over object values — Object.values
▶ 01:37 | Iterating over object key-value pairs — Object.entries
▶ 02:42 | Converting an array of key-value pairs to an object — Object.fromEntries
▶ 03:51 | Map Collection
▶ 04:48 | Adding an element to a Map collection — the set method
▶ 05:25 | Getting an element from a Map collection — the get method
▶ 05:44 | Checking if an element exists in a Map collection — the has method
▶ 06:21 | Removing an element from a Map collection — the delete method
▶ 06:42 | Clearing the entire Map collection — the clear method
▶ 06:55 | The size of a Map collection — the size property
▶ 07:11 | Iterating over a Map collection — the keys, values, entries methods, and the for of loop
▶ 08:14 | Converting from Object to Map
▶ 08:30 | Converting from Map to Object
▶ 09:05 | Set Collection of Unique Values
▶ 09:51 | Adding values to a Set collection — the add method
▶ 10:16 | Set methods — delete, has, clear, size property
▶ 10:41 | Iterating over a Set collection — the keys, values, entries, forEach methods, the for of loop
▶ 11:14 | Conclusion
📚 Video links:
➖ JavaScript documentation from MDN: https://developer.mozilla.org/ru/docs...
➖ Russian-language JavaScript reference Doka: https://doka.guide/js/
➖ Fundamental online JavaScript tutorial: https://learn.javascript.ru/
💬 Telegram community chat (help for beginners):
https://t.me/FriendlyFrontend
🧑💻 Main Telegram channel:
https://t.me/AleksanderLamkov
❤️ Boosty (support the author):
https://boosty.to/friendly-frontend
🗂️ Free courses on the channel:
🟠 HTML: • HTML курс 2025
🔵 CSS: • CSS курс 2025
🟡 JS: • JavaScript курс 2025
🟢 A11y: • Accessibility курс 2025
🗺 Frontend Roadmap: • Frontend Roadmap 2024 | Что должен учить ф...
⚪️ Layout Masterclass for Beginners: • Адаптивная верстка сайта с нуля для начина...
🔘 Advanced Layout Workshop (BEM, SCSS): • Вёрстка сайта с 0 до результата | HTML, БЭ...
⚫️ Layout Workshop with JavaScript Practice: • Вёрстка сайта с нуля • HTML, SCSS, JS прак...
🔴 Layout Workshop on JSX, SCSS, JS, Vite, Minista (SSG), and BEM: https://stepik.org/a/228315
📌 Author:
➖ Personal Website: https://aleksanderlamkov.ru/
➖ Telegram: https://t.me/AleksanderLamkov
➖ Boosty: https://boosty.to/friendly-frontend
➖ GetMentor: https://getmentor.dev/mentor/aleksand...
➖ Stepik (paid courses and workshops): https://stepik.org/a/228315
#frontend #frontend #js #javascript