Объекты в JavaScript. Свойства объекта - чтение, добавление, удаление, проверка наличия и перебор.

✏️ Начинаем изучать объекты, рассматриваем базовый синтаксис и ключевые понятия (свойство, имя свойства, значение свойства, ключ, поле), разбираемся как свойства объекта читать, добавлять, изменять и удалять, узнаем о сокращенной записи свойств объекта, учимся проверять наличие свойства в объекте через оператор 'in' и перебирать свойства объекта через цикл for in, а напоследок говорим о порядке свойств объекта.
🔴 Timeline:
▶ 00:00​ | Введение
▶ 00:23​ | Объекты
▶ 00:59​ | Имя свойства объекта
▶ 01:38​ | Значение свойства объекта
▶ 02:25​ | Чтение свойства объекта
▶ 04:15​ | Добавление свойства объекту
▶ 05:02​ | Изменение значения свойства объекта
▶ 05:34​ | Удаление свойства из объекта
▶ 06:18​ | Переопределение переменной, содержащей объект
▶ 07:04​ | Сокращенная запись свойства объекта
▶ 08:05​ | Особенности имен свойств объектов
▶ 10:43​ | Определение наличия свойства в объекте - оператор “in”
▶ 10:58​ | Перебор свойств объекта - цикл for in
▶ 13:11​ | Порядок свойств объекта
▶ 15:17​ | Заключение
📚 Ссылки:
➖ Документация по 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

[@AleksanderLamkov]

📌 Друзья, в телеграмме у нас есть отдельный чат, где вы можете задать вопрос по фронтенд-разработке и вам постараются помочь: 💬 t.me/friendlyFrontendChat Если вам это интересно, присоединяйтесь, задавайте вопросы и помогайте другим 🙂

[@Anatoli-bq1pe]

Подача материала на высоте. Благодарю!

[@Igor-rq7mq]

Много разных каналов по фронтенду перепробовал, твой самый актуальный, понятный и последовательный. Высокое качество работы, подачи материала, закрепляю, узнаю что-то новое и практикуюсь с тобой, спасибо тебе большое и успехов! Очень удивлен, что просмотров не так и много, качество контента явно на сотни тысяч) Продолжай в том же духе и все будет. Еще раз - благодарю за твой огромный труд! Вдохновляешь.

[@kapparserik4942]

Очень хорошое объяснение🔥

[@andreyboikov]

Спасибо, большое! Очень грамотно раскладываешь по полкам!

[@user-en8jd7jg4b]

Оп, а я тут первый) Спасибо огромнейшее за Ваши видео! Сейчас нахожусь на этапе scss, сюда ещё не дошел, я каждое видео восхищаюсь изящнейшими решениями в коде!

[@alexandraweather4156]

Спасибо за вашу работу! Вы офигенный

[@progerlife6690]

Спасибо огромное! Лайк и подписка на канал. И желаю развитие канала. Все четко и без воды. Буду советовать друзьям своим!

[@Ekaterinn]

У Вас очень полезные видео! Хотелось бы еще обзор книг Кайла Симпсона (Вы не знаете JS, Вы пока еще не знаете JS), стоит ли читать и в каком порядке

[@AleksanderLamkov]

Спасибо за обратную связь :) Да, эту серию книг знаю, читал онлайн версию в порядке, описанном здесь: github.com/azat-io/you-dont-know-js-ru

[@Ekaterinn]

​@@AleksanderLamkov Спасибо огромное!

[@svitboomer8840]

Ребята, я в шоке! Наконец-то увидел пример, в котором показывается, что нельзя полагаться на порядок ключей в объекте 😯

[@exacreator]

Спасибо за видео, как всегда огонь🔥

[@danperunov]

Круто рассказал, спасибо 👍😎

[@smotritelyoutube]

Лайк как всегда!! Супер

[@biscvie]

Спасибо!

[@love_renata_russia]

Здравствуйте, Александр! Можно ли прикреплять ссылку на конспект по лекции или просто текстовую расшифровку? На слух тяжело воспринимаю информацию, текстом легче

[@AleksanderLamkov]

Привет. Увы, мои сценарии не предназначены для конспекта. Там много рабочих заметок. Форматировать под статьи пока некогда.

[@love_renata_russia]

@@AleksanderLamkov поняла 👌

[@franzzz0725]

Подскажи, что у тебя за тема в vscode, пожалуйста

[@AleksanderLamkov]

Привет! У меня не VSCode, а WebStorm, тема Oceanic Dark Theme.

[@mdayzz]

8:33 -- "Ну и в целом мы бы не могли получить доступ к этому свойству как-то иначе" и "имя свойства всегда строка" console.log( obj[ Number(123) ] ) -- и мы получаем значение нашего свойства в консоли через числовое значение Я чересчур душню, но в итоге всегда-ли? Или всегда можно обратиться как к строке?

[@AleksanderLamkov]

Ну, до Number в [] я не додумался, твоя взяла :) В любом случае имя свойства - строка и гарантированно получить значение свойства можно, если обратиться к свойству объекта, как к строке. Формально мы и так можем сделать: const obj = { true: 555 } obj[true] // 555 Но это значит просто, что булевое true преобразовалось в строку перед тем, как из obj джаваскрипт стал вытаскивать свойство с именем 'true'.

[@mdayzz]

@@AleksanderLamkov всё, принял - значит js интерпретирует написанное в квадратных скобках в строку. Большое спасибо ♥️ Урок супер)

[@miwanjaGR]

ny med🍯

[@lawsonllka271]

Молодец Александр все объясняет с нюансами, подробно, но в 90% случаев эти нюансы никто в разработке не использует. Но все равно уроки хорошие.

[@AleksanderLamkov]

Я не рассказывал ещё ни об одной синтаксической конструкции, которая бы мне не пригодилась на практике 😅

[@lawsonllka271]

Перечислю только несколько: удаление, добавление свойств у объекта - где это в разработке может пригодиться? Если объект не обладает какими то свойствами то его или пересоздают в другом виде или выкидывают исключение. Эта конструкция не правильная - когда ты можешь убирать или добавлять поля в существующий объект. Ты либо работаешь с тем что получаешь или выкидываешь ошибку что данные не верны.

[@lawsonllka271]

Свойства в виде чисел - кто додумается использовать такую конструкцию в реальной разработке?

[@lawsonllka271]

Имя свойства в виде формулы? - это где такое может пригодится?

[@lawsonllka271]

Сортировка свойств при переборе? - кто таким занимается?

[@virtuoz-ru]

👍