📌 Друзья, в телеграмме у нас есть отдельный чат, где вы можете задать вопрос по фронтенд-разработке и вам постараются помочь: 💬 t.me/friendlyFrontendChat Если вам это интересно, присоединяйтесь, задавайте вопросы и помогайте другим 🙂
Я смотрю эти видео в качестве повторения)) но вот что мне нравится это то как все структурировано в порядке изучения у других авторов все разбросано начинают с обьектов потом масивы в конце вспоминают что надо научить создавать переменные, а тут все по порядку от простого к сложному .
Много разных каналов по фронтенду перепробовал, твой самый актуальный, понятный и последовательный. Высокое качество работы, подачи материала, закрепляю, узнаю что-то новое и практикуюсь с тобой, спасибо тебе большое и успехов! Очень удивлен, что просмотров не так и много, качество контента явно на сотни тысяч) Продолжай в том же духе и все будет. Еще раз - благодарю за твой огромный труд! Вдохновляешь.
Оп, а я тут первый) Спасибо огромнейшее за Ваши видео! Сейчас нахожусь на этапе scss, сюда ещё не дошел, я каждое видео восхищаюсь изящнейшими решениями в коде!
тут один момент не только в квадратных скобках на 9:35 а и в кавычках [propName]: propValue, или ["propName"]: propValue, в начале видео ведь такой пример был [ " text " ]
Спасибо за комментарий! Да, в квадратные скобки нужно оборачивать не только вычисляемые сущности в качестве имени свойства объекта, но и имена свойств, содержащие хотя бы один не буквенный символ или число: ['prop name']: … ['prop-name']: …
8:33 -- "Ну и в целом мы бы не могли получить доступ к этому свойству как-то иначе" и "имя свойства всегда строка" console.log( obj[ Number(123) ] ) -- и мы получаем значение нашего свойства в консоли через числовое значение Я чересчур душню, но в итоге всегда-ли? Или всегда можно обратиться как к строке?
Ну, до Number в [] я не додумался, твоя взяла :) В любом случае имя свойства - строка и гарантированно получить значение свойства можно, если обратиться к свойству объекта, как к строке. Формально мы и так можем сделать: const obj = { true: 555 } obj[true] // 555 Но это значит просто, что булевое true преобразовалось в строку перед тем, как из obj джаваскрипт стал вытаскивать свойство с именем 'true'.
Здравствуйте, Александр! Можно ли прикреплять ссылку на конспект по лекции или просто текстовую расшифровку? На слух тяжело воспринимаю информацию, текстом легче
Отлично объясняете, всё понятно. Искал в вашем видео ответ на свой вопрос, но не нашёл, может вы знаете? const electronics = { Laptop: 1500, Mouse: 25, Keyboard: 100, HDMI: 10, }; for (const name of Object.keys(electronics)) { const price = electronics[name]; console.log(price) } Почему внутри for, если прописать const price = electronics.name, то присвоится только первые буквы каждого ключа? Так что работает присвоение только через '[ ]'
Сходу сложно сказать. Но давай буду мыслить вслух, может будет всё же будет полезно. В объекте electronics нет свойства с названием 'name'. Если бы было так: const electronics = { Laptop: 1500, name: 'blablabla' } То имело бы смысл выражение: electronics.name В твоем же случае действительно нужно обращаться к объекту через квадратные скобки, т. к. именно через такой синтаксис мы можем использовать вычисляемую сущность name, которая в свою очередь содержит строку - имя ключа, соответствующее итерации цикла. А откуда берутся первые буквы из имен ключей - загадка. Гляну через некоторое время в консоли браузера, проверю пару теорий. Если найду причину такого поведения - отпишусь тут.
Перечислю только несколько: удаление, добавление свойств у объекта - где это в разработке может пригодиться? Если объект не обладает какими то свойствами то его или пересоздают в другом виде или выкидывают исключение. Эта конструкция не правильная - когда ты можешь убирать или добавлять поля в существующий объект. Ты либо работаешь с тем что получаешь или выкидываешь ошибку что данные не верны.
Дуже класно ти пояснюєш я трохи модифікував твій код, я на тебе підпишусь для вивчення нових нюансів. let obj = { }; for ( let i = 0; i < 4; i++ ) { let key = prompt(`Номер ${i +1} Введіть ключ`); let value = prompt(`Введіть значення для ключа - ${ key }`) obj [key] = value } console.log(obj)
📌 Друзья, в телеграмме у нас есть отдельный чат, где вы можете задать вопрос по фронтенд-разработке и вам постараются помочь:
💬 t.me/friendlyFrontendChat
Если вам это интересно, присоединяйтесь, задавайте вопросы и помогайте другим 🙂
Я смотрю эти видео в качестве повторения)) но вот что мне нравится это то как все структурировано в порядке изучения у других авторов все разбросано начинают с обьектов потом масивы в конце вспоминают что надо научить создавать переменные, а тут все по порядку от простого к сложному .
Много разных каналов по фронтенду перепробовал, твой самый актуальный, понятный и последовательный. Высокое качество работы, подачи материала, закрепляю, узнаю что-то новое и практикуюсь с тобой, спасибо тебе большое и успехов! Очень удивлен, что просмотров не так и много, качество контента явно на сотни тысяч) Продолжай в том же духе и все будет. Еще раз - благодарю за твой огромный труд! Вдохновляешь.
Восхитительно!! Лучшее объяснение! Однозначно лайк
Подача материала на высоте. Благодарю!
Ребята, я в шоке! Наконец-то увидел пример, в котором показывается, что нельзя полагаться на порядок ключей в объекте 😯
Огромное спасибо, четко все обьяснил 👍👍👍
Спасибо, большое! Очень грамотно раскладываешь по полкам!
Спасибо за хорошее объяснение!
Коммент в поддержку, спасибо за урок!
Спасибо за вашу работу! Вы офигенный
Спасибо огромное! Лайк и подписка на канал. И желаю развитие канала. Все четко и без воды. Буду советовать друзьям своим!
зашел как бек,получить базу js фронта
спс 10 видосов на одном дыхании
Оп, а я тут первый) Спасибо огромнейшее за Ваши видео! Сейчас нахожусь на этапе scss, сюда ещё не дошел, я каждое видео восхищаюсь изящнейшими решениями в коде!
Отличный урок и объяснение. Дикция это вообще отдельная песня)
Круто рассказал, спасибо 👍😎
Top!
Очень хорошое объяснение🔥
Спасибо за видео, как всегда огонь🔥
Лайк как всегда!! Супер
У Вас очень полезные видео! Хотелось бы еще обзор книг Кайла Симпсона (Вы не знаете JS, Вы пока еще не знаете JS), стоит ли читать и в каком порядке
Спасибо за обратную связь :)
Да, эту серию книг знаю, читал онлайн версию в порядке, описанном здесь:
github.com/azat-io/you-dont-know-js-ru
@@AleksanderLamkov Спасибо огромное!
00:08:45 *Ключи обьекта это всегда строки*
Ну хоть перепроверяйте себя. В современном JS ключами в обьекте могут быть String и Symbol.
тут один момент не только в квадратных скобках на 9:35 а и в кавычках [propName]: propValue, или
["propName"]: propValue, в начале видео ведь такой пример был [ " text " ]
Спасибо за комментарий!
Да, в квадратные скобки нужно оборачивать не только вычисляемые сущности в качестве имени свойства объекта, но и имена свойств, содержащие хотя бы один не буквенный символ или число:
['prop name']: …
['prop-name']: …
Спасибо!
8:33 -- "Ну и в целом мы бы не могли получить доступ к этому свойству как-то иначе" и "имя свойства всегда строка"
console.log( obj[ Number(123) ] ) -- и мы получаем значение нашего свойства в консоли через числовое значение
Я чересчур душню, но в итоге всегда-ли? Или всегда можно обратиться как к строке?
Ну, до Number в [] я не додумался, твоя взяла :)
В любом случае имя свойства - строка и гарантированно получить значение свойства можно, если обратиться к свойству объекта, как к строке.
Формально мы и так можем сделать:
const obj = { true: 555 }
obj[true] // 555
Но это значит просто, что булевое true преобразовалось в строку перед тем, как из obj джаваскрипт стал вытаскивать свойство с именем 'true'.
@@AleksanderLamkov всё, принял - значит js интерпретирует написанное в квадратных скобках в строку. Большое спасибо ♥️
Урок супер)
console.log(obj[123]); тоже работает, но тут походу js сам переводит числа в строку т.к. обращение к объекту
Здравствуйте, Александр! Можно ли прикреплять ссылку на конспект по лекции или просто текстовую расшифровку? На слух тяжело воспринимаю информацию, текстом легче
Привет. Увы, мои сценарии не предназначены для конспекта. Там много рабочих заметок. Форматировать под статьи пока некогда.
@@AleksanderLamkov поняла 👌
Отлично объясняете, всё понятно.
Искал в вашем видео ответ на свой вопрос, но не нашёл, может вы знаете?
const electronics = {
Laptop: 1500,
Mouse: 25,
Keyboard: 100,
HDMI: 10,
};
for (const name of Object.keys(electronics)) {
const price = electronics[name];
console.log(price)
}
Почему внутри for, если прописать const price = electronics.name, то присвоится только первые буквы каждого ключа? Так что работает присвоение только через '[ ]'
Сходу сложно сказать. Но давай буду мыслить вслух, может будет всё же будет полезно.
В объекте electronics нет свойства с названием 'name'.
Если бы было так:
const electronics = {
Laptop: 1500,
name: 'blablabla'
}
То имело бы смысл выражение:
electronics.name
В твоем же случае действительно нужно обращаться к объекту через квадратные скобки, т. к. именно через такой синтаксис мы можем использовать вычисляемую сущность name, которая в свою очередь содержит строку - имя ключа, соответствующее итерации цикла.
А откуда берутся первые буквы из имен ключей - загадка. Гляну через некоторое время в консоли браузера, проверю пару теорий. Если найду причину такого поведения - отпишусь тут.
Подскажи, что у тебя за тема в vscode, пожалуйста
Привет! У меня не VSCode, а WebStorm, тема Oceanic Dark Theme.
Молодец Александр все объясняет с нюансами, подробно, но в 90% случаев эти нюансы никто в разработке не использует. Но все равно уроки хорошие.
Я не рассказывал ещё ни об одной синтаксической конструкции, которая бы мне не пригодилась на практике 😅
Перечислю только несколько: удаление, добавление свойств у объекта - где это в разработке может пригодиться? Если объект не обладает какими то свойствами то его или пересоздают в другом виде или выкидывают исключение. Эта конструкция не правильная - когда ты можешь убирать или добавлять поля в существующий объект. Ты либо работаешь с тем что получаешь или выкидываешь ошибку что данные не верны.
Свойства в виде чисел - кто додумается использовать такую конструкцию в реальной разработке?
Имя свойства в виде формулы? - это где такое может пригодится?
Сортировка свойств при переборе? - кто таким занимается?
ny med🍯
А мне кажется или вы не ставите закрывающий тег ; что за магия я тоже так хочу (не хейт)
В JS конец инструкции можно определять символом точки с запятой, а можно просто переносить инструкцию на новую строку, эффект будет такой же.
Дуже класно ти пояснюєш я трохи модифікував твій код, я на тебе підпишусь для вивчення нових нюансів.
let obj = { };
for ( let i = 0; i < 4; i++ ) {
let key = prompt(`Номер ${i +1} Введіть ключ`);
let value = prompt(`Введіть значення для ключа - ${ key }`)
obj [key] = value
}
console.log(obj)
👍