Урок 16. JavaScript. Все о Деструктуризации в JS 

Приятного просмотра!

Не все дошли до этого урока. Удачи всем будущим сеньерам)

Владілєн, ти настільки крутий, що навіть не ставиш реклами ютуба посеред відео. За це взагалі мега респект

вот все "учителя" по сути цитируют один и тот-же материал, но лично у Вас все, что вы рассказываете, выстраивается в логическую цепочку, очень все понятно и доходчиво. спасибо за труд!

Все твои видео полезны, спасибо за труд!

Владилен, вы супер!! Так четко объясняете, предпочитаю исключительно ваши уроки 😌

Респект за труды! Реально хорошо объясняешь

Респект! Это видео было оооочень полезно! Спасибо, Владилен!

Спасибо большое за этот плейлист 👍🏻, подписался на обновления

Спасибо огромное за Ваш труд! Очень нравится подача материала!)

Блин! Все четко) благодарю! Давай в том же духе! Это обалденно, спасибо тебе!

Высоко ценю твой труд, спасибо!

Спасибо за Ваш труд, очень дельный контент)!

Уверен кейсы полезные и в тему. Как всегда респект! Ждем новых видосов. Спасибо!

СПАСИБО! Четко, кратко, ничего лишнего !

Коротко и ясно, как всегда без воды👍👍👍

Классное объяснение, очень подробно!

спасибо большое за очень понятный, полезный и интересный урок!

Спасибо! Очень доступно объясняешь.

Супер видос! Спасибо, все очень понятно

Владилен, спасибо за твою работу! Всегда полезная информация, очень нравится подача, качественный контент без воды. Всё четко и по полочкам! С удовольствием смотрю. Желаю тебе профессиональных успехов, а также дальнейшего развития канала!

Молодец! Реально полезное дело делаешь.

Какое широкое поле использования деструктуризации! Особенно про функцию из Реакта в конце ролика. Спасибо!

Благодарю Вас Владилен! Видео класс!👆🏻👍

Спасибо. Ты даже не представляешь как ты помогаешь

Урок пройден) Спасибо! Все предельно понятно!

Огромное спасибо,Владилен

Спасибо!!! Все четко,все ясно и понятно!

Отличное объяснение! Спасибо!

Спасибо. Очень хорошая подача материала

Спасибо большое. Самое лучшее объяснение!

Большое спасибо за полезные видосы!

Спасибо! Познавательно.

Хорошо объясняешь, спасибо за урок.

Спасибо за урок!

Только-только с модалкой попрактиковался и тут сразу новый видос! Лайк не глядя!

Владилен, контент пушка!

Спасибо за видео! Пересматриваю как раз в связи с магией деструктуризации объекта props в React)))

прекрасно видео, всё доступно и понятно, спасибо большое

просто класс не как не мог понять эту тему определенно заслуживает лайка)

Просто нет слов, спасибо

Спасибо за видео 👍

Супер видео! Спасибо

Классно объясняешь, действительно сложные вещи простыми словами. Это редкий талант.

Плейлист мега крутой конечно)

Деструктуризация зашла на ура, спасибо)

отличное видео! большое спасибо

Спасибо за контент)

спасибо. было полезно)

спасибо за новое видео )

Круто!!! и понятно

Супер. Весь плейлист то что надо. Первый раз наткнулся на подобное. Без воды и по существу. Хотел спросить, есть ли подобные ролики про php. Такие-же как и эти, без бесконечных «что такое if», «как объявить переменную»?

Присоединяюсь к благодарящим

Спасибо большое! Благодаря вам я впервые использовала Set вчера)))

Годнота подъехала

Лайк автоматом

Огонь, спасибо. Прохожу курс скилбокса, там нифига не объяснили это и применяют на практике и так постоянно.

Спасибо, очень качественное видео как всегда! А есть возможность сделать видео про функции-декораторы?

Спасибо большое!

спасибо за урок

6:56 : Программа: я не чувствую вычитания Владилен: у тебя его нет

Super cool tutorials!

Спасибо вам 🤓

Spasibo 👍🏽🤝

Krasava🎉

14:45 Строка 10. Еще один юзкейс Удаление нежелательных данных из объекта (чаще всего на backend) const user = {name: "Name", password: "My Password"} const {password, ...secureUserData} = user;

Спасибо!

Спасибо

Лучший ;)

Спасибо за видео, все доходчиво рассказываете. А можете рассказать как использовать , допустим map, с массивом вложенных {} +деструктуризация... Заранее спасибо

thanks you.

великолепно

нахожу сложным для понимания arguments.callee JS буду рад если это будет разбираться )) Спасибо, за очень понятные и по существу уроки!

Like! Bell... Отлично!

Ура!

...Спасибо ))

Спасибо за видео, как я понял в hook useState это тоже применяется

Amazing

Приветствую, вопрос такой, вот где console.log там подсвечивается перед цифрами подсказка какой переменной что присваивается, можно так же настроить в vscode?

а какое расширение пишет возле переменных полупрозрачные значения? ну или если это не расширение то есть подобное для вскода?

Все очень круто. Посмотрел вес плейлист, но так и не понял: можно ли все эти фишки уже применять напрямую в браузере или пока через babel делать?

ютюб любит лайки и комменты, ставлю лайку и коммент какой то

О Блин!!! как пропустил то.... Привет, комунити!

А возможно ли деструкторизовать массив в объект, чтобы иметь уже именные ключи, а не индексы массива? Чтобы в дальнейшем с ним удобнее работать по свойствам.

Can you please make the next video about Regex? Also your Videos are great.

Если у объекта свойство это вложенный объект, то при деструктуризации - будет не копия вложенного объекта а ссылка на него Может возникнуть ситуация когда при изменении созданного объекта будет изменён оригинальный объект

Ставте Лайк! якщо вам подобається цей канал.

Владилен, спасибо за ваши ролики, у вас куча полезной информации. У меня вопрос. Решил я, значит, деструктурировать вложенный объект, в котором ключи свойств на кириллице, причем состоящие из нескольких слов. К примеру, есть ключ, состоящий из ФИО, например "Пупкин Вася Иванович". Всё должно быть именно так, нельзя сделать это значением, а ключ сделать "fio". При деструктуризации, когда пишу непосредственно ФИО в кавычках, присваиваю это свойство переменной (пусть, например та же fio), и потом обращаюсь к переменной fio, то всё хорошо. То есть, вот так все работает: const { "Пупкин Вася Иванович": fio } = myObj; console.log(fio); Но проблема в том, что этих ФИО у меня дофига, и мне нужно в зависимости от предшествующей логики, подсовывать внутрь деструктуризатора разные ФИО. Мне показалось логичным попробовать вместо непосредственно самого ФИО, подставить в деструктуризацию переменную со значением ФИО, то есть сделать вот так: let test = "Пупкин Вася Иванович"; const { test: fio } = myObj; console.log(fio); Но это не работает. Получается как бы двойная декларация переменной test. Подскажите пожалуйста, как обойти эту коллизию? Возможно ли реализовать то, что я хочу? Конечно, я могу добраться до нужных ключей и значений с помощью нескольких Object.entries/keys/values(Obj), но хотел решить задачку именно посредством деструктуризации.

Огромное спасибо, так мой код скрасит))))

Ещё способ клонирования массива или объекта: objNew = {...objOld}, arrNew = [...arrOld] работает быстрее, нежели аналогичные Spread'y методы, да и куда понятнее :) P.S. ES6 МОЩЬ! P.S.S. Thank you so much Владилен!

Владилен. А ты сотрудничаешь с webformyself ? Там ведь твой курс по JS платный, а здесь в свободном доступе или есть отличия ?

Владлен а может удариться в node js?) js js'сом, а про ноду мало актуальной информации.

как сделать такие светящиеся кнопки в VS Code на Windows 10

а почему на 10:08 на неопределенную переменную name не ругнулось?

Как сделать console в браузере черным как у тебя ?

давать имя свойству справа от него очень сильно дизориентировал меня, JS во всей красе

ТОП ! Спасибо ! Можно аналогичное для пропсов в реакте объяснить , было бы полезно !

Влад, я смотрю 16-ый урок твоего плейлиста. И ты постоянно говоришь, "это простой метод", "это просто", "то просто". От части я с тобой согласен. А есть вещи в JavaScript, которые ты можешь назвать сложными?

Зайшов підримати! Дякую вам за вашу працю. Слава Україні!!!!

Странно, я думал на канале уже всё из популярного es6 было, и про деструктуризацию в том числе.