Тёмный

JavaScript объекты - сравнение, копирование, объединение, деструктуризация, остаточные параметры. 

Александр Ламков — Friendly Frontend
Просмотров 1,6 тыс.
50% 1

✏️ Продолжаем изучать объекты - научимся объекты сравнивать, копировать и объединять, а также поговорим про механику деструктуризации и про остаточные параметры.
🔴 Timeline:
▶ 00:00​ | Введение
▶ 00:23​ | Сравнение объектов, ссылочный тип данных
▶ 02:19​ | Сравнение объектов, получение ключей объекта через Object.keys()
▶ 08:50​ | Копирование объекта
▶ 10:17​ | Оператор расширения (Spread Operator)
▶ 10:41​ | Объединение объектов
▶ 12:05​ | Поверхностное и глубокое копирование
▶ 12:56​ | Опциональная цепочка, Optional chaining «?.»
▶ 19:05​ | Деструктуризация объекта
▶ 21:04​ | Деструктуризация в параметрах функции
▶ 23:20​ | Деструктуризация с переименованием
▶ 24:30​ | Деструктуризация со значением по умолчанию
▶ 25:45​ | Деструктуризация с переименованием и значением по умолчанию
▶ 26:35​ | Остаточные параметры
▶ 29:11​ | Заключение
📚 Ссылки:
➖ Документация по JavaScript от MDN: developer.mozilla.org/ru/docs...
➖ Русскоязычный справочник по JavaScript Doka: doka.guide/js/
➖ Фундаментальный онлайн учебник по JavaScript: learn.javascript.ru/
💬 Чат в телеграмме (помощь новичкам):
t.me/friendlyFrontendChat
🔸 Boosty (поддержать канал):
boosty.to/friendly-frontend
🗂️ Бесплатные курсы на канале:
🟠 HTML: • HTML курс 2024
🔵 CSS: • CSS курс 2024
🟡 JS: • JavaScript курс 2024
🟢 A11y: • Accessibility курс 2024
⚪️ Мастер-класс по верстке для новичков: • Верстка Kropp Fitness ...
🔘 Мастер-класс по верстке для продвинутых (БЭМ, SCSS): • Верстка Positivus (HTM...
🗺 Frontend Roadmap 2024 • Frontend Roadmap 2024 ...
📌 Автор:
➖ Личный сайт: aleksanderlamkov.ru/
➖ Telegram: t.me/friendlyFrontend
➖ Boosty: boosty.to/friendly-frontend
➖ GetMentor: getmentor.dev/mentor/aleksand...
➖ Solvery: solvery.io/mentor/aleksanderl...
#frontend #фронтенд #js #javascript

Опубликовано:

 

1 июн 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 11   
@AleksanderLamkov
@AleksanderLamkov Месяц назад
📌 Друзья, в телеграмме у нас есть отдельный чат, где вы можете задать вопрос по фронтенд-разработке и вам постараются помочь: 💬 t.me/friendlyFrontendChat Если вам это интересно, присоединяйтесь, задавайте вопросы и помогайте другим 🙂
@smotritelyoutube
@smotritelyoutube Месяц назад
Cупер, уже начинаются интересные темы!!
@biscvie
@biscvie Месяц назад
Спасибо!
@andreyboikov
@andreyboikov Месяц назад
Спасибо) Много нового узнал! Все очень понятно
@miwanjaGR
@miwanjaGR Месяц назад
Все круто, узнал для себе много довольно интересной инфы 🤓✌
@vehiclesport662
@vehiclesport662 Месяц назад
Привет Александр, я видел у вас с тартует в вк стажировка. Не хотел бы ты немного рассказать про это ? Я как понял там все строго у вас в плане информации, ни где ничего не нашел нормально. Спасибо за обучение !!!
@AleksanderLamkov
@AleksanderLamkov Месяц назад
Привет! Актуальные направления стажировок всегда можно найти на этой странице: internship.vk.company/internship Из открытых по фронту нашел только одну, к сожалению: internship.vk.company/vacancy/885
@lenyaplay2425
@lenyaplay2425 Месяц назад
8:48 return сработает слишком рано, надо возвращать только если false, потому что иначе при первом true вернёт true?
@AleksanderLamkov
@AleksanderLamkov Месяц назад
Привет! Да, ты прав, я ошибся. Спасибо за внимательность! Вместо 42-й строки внутри тела if (areValuesObjects) должно быть так: if (!areObjectsEqual(value1, value2)) { return false } else { continue } То есть мы проверяем, что если сравниваемые объекты НЕ равны, то сразу делаем вывод, что исходные объекты не эквиваленты. В ином случае - переходим к следующей итерации цикла for in с помощью ключевого слова continue.
@codermeloman3030
@codermeloman3030 Месяц назад
structuredClone?
@AleksanderLamkov
@AleksanderLamkov Месяц назад
Да, забыл рассказать об этом способе клонирования. Спасибо!)
Далее