День 13. Что такое объект в JavaScript? Добавляю документы в папки

День 13 моего пути в программирование с нуля. Продолжаю делать свой сайт «Английский из 90-х». На прошлом занятии я сделала окно папки. Сегодня пришло время наконец положить что-нибудь внутрь этих папок. И тут появилась новая для меня тема — объекты в JavaScript. До этого я уже разбиралась с массивами и .map(), а теперь пришлось понять, чем массив отличается от объекта и зачем вообще нужны ключи и значения. В этом видео я разбираюсь: — что такое объект JavaScript; — чем объект отличается от массива; — что такое ключ и значение; — как по названию получить нужные данные из объекта; — как использовать openedFolder, чтобы понять, какую папку я сейчас открыла; — как сделать разное содержимое для разных папок; — как через .map() вывести документы внутри открытой папки. Мне очень помогла аналогия с подписанными отделениями: название папки становится ключом, а внутри хранится массив документов. То есть примерно так: папка → её собственные документы. Когда документы наконец появились в окне, возникла ещё одна проблема — у них не отображались названия. Пришлось отдельно разбираться с текстом под иконками и CSS. В итоге теперь открытая папка уже не пустая: внутри появляются документы со своими названиями. 📁📄