Скачать "💻 Циклы в JavaScript: for, for..of и for..in (для начинающих)"

"videoThumbnail 💻 Циклы в JavaScript: for, for..of и for..in (для начинающих)

16. Уроки React JS (props - важнейшая тема) - react курсы бесплатно

16. Уроки React JS (props - важнейшая тема) - react курсы бесплатно

Канал: IT-KAMASUTRA

Начальный курс SQL.Фильтрация HAVING

Начальный курс SQL.Фильтрация HAVING

Канал: Igor Vovchenko

Основы Программирования - #13 - Заключение

Основы Программирования - #13 - Заключение

Канал: loftblog

Node.js #12 Подключение шаблонизатора (View Engine)

Node.js #12 Подключение шаблонизатора (View Engine)

Канал: webDev

Node.js #18 MVC и Роутер (MVC Pattern & Router)

Node.js #18 MVC и Роутер (MVC Pattern & Router)

Канал: webDev

🚀 Node.js ✨ Layers and Low Coupling на примере конфига и транспорта ✨ 2022 - 2023 🧑‍💻

🚀 Node.js ✨ Layers and Low Coupling на примере конфига и транспорта ✨ 2022 - 2023 🧑‍💻

Канал: Timur Shemsedinov

Скорость загрузки сайта. Сайт в топ Яндекс и Google

Скорость загрузки сайта. Сайт в топ Яндекс и Google

Канал: loftblog

Обзор нового Яндекс.Вебмастера. Как пользоваться сервисом Яндекса.

Обзор нового Яндекс.Вебмастера. Как пользоваться сервисом Яндекса.

Канал: loftblog

95 - ReactJS + github pages, разворачиваем наш проект deploy

95 - ReactJS + github pages, разворачиваем наш проект deploy

Канал: IT-KAMASUTRA

JavaScript

NodeJS

Metarhia

Programming

Шемсединов

Shemsedinov

node.js

уроки

программирование

js

курс

основы

для начинающих

node

backend

frontend

курсы

джаваскрипт

api

задачи

решения

ит

it

образование

education

metaeducation

Метархия

00:00:02

скрипте есть цикл и

00:00:04

чаще всего мы будем использовать цикл

00:00:07

for love я вам его больше всего

00:00:10

рекомендую потому что он проще остальных

00:00:13

в написаний в понимании так как у нас

00:00:16

java script для начинающих поэтому я

00:00:18

думаю что вот такая запись тут у нас

00:00:21

совершенно уже все понятно у нас есть

00:00:25

массив в массиве лежат объекты у

00:00:28

объектов у всех

00:00:30

одно поле и the price со значениями вот

00:00:33

разные значения теперь мы проходимся в

00:00:37

цикле по

00:00:39

этому массиву у нас оператор for и

00:00:44

в скобочках после for a записывается вот

00:00:46

такая конструкция что

00:00:48

цикл имеет блок да и нам нужно от начала

00:00:52

до конца этого блока исполнить цикл для

00:00:57

каждого элемента в этом массиве то есть

00:01:00

мы берем массив basket вот он у нас

00:01:03

значит четыре раза там четыре элемента

00:01:05

четыре раза исполнится этот цикл 4

00:01:09

итерации еще говорят случится на первой

00:01:13

итерации ой там будет равен первому

00:01:16

элементу на 2 второму элементу ну и так

00:01:19

далее будет выведена что прайс

00:01:23

1500 потом прайс 25 простой про из 10 то

00:01:27

есть тут получится вот эта строка с

00:01:29

консоль логом оно исполнится 4 раза для

00:01:32

каждого элемента в массиве вот

00:01:35

тут она в принципе чуть ли не по

00:01:38

английски записываться для ой там из ой

00:01:43

из basket ну то есть для элементов в

00:01:46

корзине исполнить блок операторов в

00:01:50

котором вот консоль ног выведет все цены

00:01:53

которые там содержатся ну цикл суров я

00:01:57

надеюсь он

00:01:59

понятен теперь следующий цикл

00:02:02

уточнение еще суров но теперь мы хотим

00:02:09

брать у нас тут не только цена но и

00:02:14

название ну какой то пункта покупки вот

00:02:19

в корзине у нас есть ноутбук мышка

00:02:22

клавиатура и с димой будем считать что

00:02:25

это шнурок с димой судя по цене месяц

00:02:28

поэтому мы теперь хотим написать

00:02:33

цикл забирая в переменные и

00:02:38

имя и значение мы пишем вот таким вот

00:02:40

образом const фигурная скобка name ,

00:02:43

прайс это называется де структурируя щий

00:02:47

оператор когда мы собственно

00:02:51

нам сюда должен приходить объект а мы

00:02:54

объект заменяем на фигурные скобки и вот

00:02:58

такие имена и мы в общем получаем две

00:03:01

переменные теперь мы получаем name и

00:03:03

прайс а берутся эти name и прайс из

00:03:07

каждого из объектов то есть этот консоли

00:03:10

лог он тоже выполнится

00:03:12

4 раза сколько элементов в массиве и

00:03:16

на каждом на каждой итерации у нас ключ

00:03:20

и вот этого объекта тут у нас это ключи

00:03:23

на имя прайс а тут они у нас станут

00:03:25

переменными в блоке операторов цикла вот

00:03:29

вот этой фигурные скобочки да вот этой

00:03:31

фигурные скобочки у нас собственно

00:03:34

тут появятся переменной name и прайс и

00:03:37

они не изменяются на одной итерации

00:03:41

цикла поэтому они объявлены через const

00:03:44

можно вот таким вот образом пройтись и

00:03:47

теперь мы можем сказать что это цена вот

00:03:50

такого то товара и

00:03:52

тут у нас еще используется заметьте

00:03:56

строчки шаблонные строчки с такой вот

00:04:00

обратной косой

00:04:03

кавычкой которая находится на клавиатуре

00:04:06

под знаком тильда она под эскейпом

00:04:09

соответственно и

00:04:11

там ещё буква ё

00:04:13

косая кавычка и тильда воды скайпом и в

00:04:19

такой строчке мы можем использовать знак

00:04:22

доллара фигур и скобки и писать надо

00:04:24

переменные и таким образом у нас

00:04:27

значения будут подставляться в строку и

00:04:30

в общем мы будем вводить строчку вот

00:04:33

такую вот что цена такого то

00:04:35

наименования товара

00:04:37

значит вот

00:04:39

будет и значение числа будет приводиться

00:04:43

к строке и подставляться в это место

00:04:45

теперь давайте посмотрим на цикл for in

00:04:49

он очень похож стой лишь разницей что

00:04:53

если цикл for of у нас был по вот как

00:04:57

тут по массивам а цикл for и у нас по

00:05:00

ключам объекта

00:05:02

для

00:05:04

системного кода системного

00:05:06

программирования for in практически не

00:05:08

используется он достаточно опасен

00:05:11

а вот для прикладного кода у нас курс по

00:05:14

прикладному джема скрипту мы в принципе

00:05:16

можем использовать for и

00:05:20

вот у нас есть объект теперь у нас

00:05:22

basket из массива стал объектом заметьте

00:05:26

у него есть четыре ключа лэптоп мау

00:05:30

скейтборд и hdmi вот с разными

00:05:32

значениями теперь мы хотим по

00:05:35

полям этого объекта пройтись и

00:05:37

собственно вывести какое поле чему равно

00:05:41

и теперь мы вот так вот можем написать

00:05:44

for и тут can stay in basket of

00:05:49

заменился на in и теперь мы будем

00:05:52

проходиться не по элементам массива а по

00:05:55

ключам объекта и

00:05:57

значит вначале ки будет попадать туда

00:06:01

вот строка лэптоп потом строка маус и

00:06:03

потом строка keyboard и строка с димой

00:06:07

но по строке по этой мы можем из объекта

00:06:10

с читать значения вот следующая строчка

00:06:12

у нас const прайс равно по скидке таким

00:06:17

образом мы сюда вместо ки подставляется

00:06:20

в первом в первой итерации лэптоп

00:06:23

подставляется и по скидке в квадратных

00:06:26

скобках возвращает нам

00:06:30

1500 и это 1500 попадает в прайс таким

00:06:36

образом у нас есть и ки и прайс и мы

00:06:39

можем как и в предыдущем примере теперь

00:06:41

вывести консоль логом вот такую строчку

00:06:45

что какой-то элемент

00:06:47

корзины стоит столько-то

00:06:51

это мы for in прошли по этому объекту но

00:06:56

иногда люди предпочитают заменять for in

00:07:01

the form of и сделать это тоже

00:07:03

достаточно просто вот таким вот способом

00:07:05

мы наш объект electronics мы передали

00:07:11

его в обжиг . keys electronics вот

00:07:14

видите вызывается функция объект . keys

00:07:18

она нам уже возвращает массив из всех

00:07:23

ключей этого объекта то есть там будет

00:07:26

четыре строчки лэптоп мау скейтборд hdmi

00:07:29

вот вместо ну точно не вместо

00:07:33

результатом вот этой функции будет

00:07:35

массив из четырех строк и теперь мы

00:07:39

можем пройтись циклом for love и на

00:07:43

каждой итерации name будет элементом

00:07:46

этого массива ну и соответственно мы

00:07:49

теперь из

00:07:51

объекта electronics можем читать

00:07:54

значение по ключу name и точно также

00:07:59

выводить консоль логом на экран как и в

00:08:02

предыдущем примере

00:08:04

но есть еще один способ есть у нас еще

00:08:07

объект entries и если мы передаем объект

00:08:12

в объект андрис то мы получаем

00:08:15

массив массивов в котором у нас уже

00:08:20

будут и имена и значения то есть теперь

00:08:24

мы тут

00:08:26

смотрите тут был только ним constrain of

00:08:30

object keys а тут у нас const в

00:08:33

квадратных скобках name и price of

00:08:36

object entries то есть теперь мы

00:08:40

на каждой итерации этого цикла будем

00:08:43

забирать имя и значение и нам не нужно

00:08:45

по ключу это значение считывать опять из

00:08:52

корзины из basket то есть тут у нас

00:08:56

лишняя строчка видите вот такой код

00:08:59

наверное читается попроще с объект keys

00:09:01

потому что тут уже слишком нагружено тут

00:09:04

де структурируя щий массивы используются

00:09:08

в объявлении

00:09:11

con стадо в форе и

00:09:15

объект entries достаточно длинная

00:09:19

выглядит поэтому в принципе ничего

00:09:22

плохого если вы будете просто

00:09:24

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

00:09:27

ключам объекта вы будете проходится вот

00:09:30

так вот key in баски то вот такой способ для

00:09:35

прикладного кода вполне нормально ну для

00:09:37

каких-то более

00:09:41

случаев когда кот с большим перри

00:09:45

использованием или нужно

00:09:48

как-то его покрасивее написать то можете

00:09:51

использовать keys и entries для того

00:09:55

чтобы получать соответственно массивы

00:09:58

ключей и массивы ключ-значение вот таких

00:10:01

вот

00:10:03

так теперь обычный session эй ну то есть

00:10:07

из языка си

00:10:09

самый древний

00:10:10

цикл for

00:10:13

записывается он вот таким вот образом из

00:10:18

трех выражений разделенных точками

00:10:21

запятой в скобочках и я думаю что вы

00:10:25

такой цикл будете использовать крайне

00:10:28

редко и

00:10:29

предпочтение давайте пожалуйста fara fu

00:10:32

иногда можно форум использовать но в

00:10:36

прикладном коде только и там где вы

00:10:38

понимаете что ключи точно ну что этот

00:10:42

объект ниоткуда не наследует и эти ключи

00:10:45

в общем-то не пришли из какого-то

00:10:49

другого места да вот в данном случае мы

00:10:51

точно знаем что у него четыре ключа что

00:10:55

этот объект basket ниоткуда не

00:10:57

унаследовал еще другие ключи

00:10:59

вот такой вот способ

00:11:02

значит ну у нас тут в каких случаях

00:11:06

можно использовать

00:11:08

такой цикл вам в середине цикла может

00:11:12

понадобиться номер итерации вот тут у

00:11:16

нас появляется переменная и и у нас еще

00:11:19

есть номер операции

00:11:20

он будет начинаться с нуля

00:11:23

так как вот у нас тут написано лет и

00:11:26

равно нулю первое значение на первом

00:11:29

проходе этого цикла и будет равен нулю

00:11:32

потом вот тут у нас написано и плюс плюс

00:11:37

это значит что на каждой итерации

00:11:40

и будет увеличиваться на единицу и цикл

00:11:43

будет длиться до тех пор пока i меньше

00:11:46

чем длина массива чем вот name на имс

00:11:49

лэнс для чего мы тут используем такой

00:11:52

вот цикл для того чтобы пройтись по двум

00:11:56

массивом мы заведомо знаем что в них в

00:12:00

обоих одинаковое количество элементов а

00:12:03

так бы вообще нужно было бы это

00:12:06

проверить в общем случае

00:12:09

если мы какую-то писали прикладную

00:12:12

программу то ну не факт что на вход

00:12:15

приходила бы

00:12:17

два массива с одинаковым количеством

00:12:20

элементов и у нас мы видим что тут

00:12:24

логически

00:12:25

они

00:12:27

связаны они как бы не структурно связаны

00:12:31

логически связаны что тут лэптоп

00:12:34

соответствует своей цене во втором

00:12:37

массиве мау соответствует своей цене во

00:12:40

втором массиве и так далее так вот мы

00:12:43

можем проходится в цикле от 0 до 3 в

00:12:48

данном случае да на каждой итерации

00:12:50

этого цикла будет на единицу

00:12:53

прибавляться

00:12:55

переменная и и после выхода из цикла у

00:12:57

нас уже переменной и не будет потому что

00:12:59

она внутри

00:13:02

for statement а внутри цикла объявлена и

00:13:06

является внутренний переменной то есть

00:13:09

после вот этого блока мы опять можем

00:13:11

сделать еще один цикл по переменной и и

00:13:14

они не будут друг другу мешать

00:13:17

так ну насчет когда мы

00:13:21

на первой итерации и имеем равен нулю то

00:13:26

мы читаем из первого массива names 0 и

00:13:30

price as 0 и собственно выводим что цена

00:13:33

лаптопа 1500 ну и так делаем 4 итерации

00:13:36

можем выводить еще допустим на какой-то

00:13:39

итерации и

00:13:40

будем говорить что значит позиция в

00:13:43

покупках там первое

00:13:47

называется так то цена такая то в общем

00:13:53

этот цикл старайтесь использовать

00:13:56

поменьше ну а в системном

00:13:57

программирование практически везде

00:13:59

такого на используется это основной цикл

00:14:02

во многих языках

00:14:05

но у нас ещё и то не все циклы на самом

00:14:08

деле у нас есть еще уайлду вайл но это

00:14:12

мой следующий раз уже будем смотреть

00:14:14

теперь реальный пример использования

00:14:17

циклов уров вот в нашем примере кода

00:14:20

который мы в этом курсе рассматриваем

00:14:24

вот у нас мы теперь чуть чуть больше

00:14:27

понимаем из этого кода мы уже на прошлом

00:14:31

на прошлой лекции iv рассмотрели теперь

00:14:34

мы еще for рассмотрели и функции мы уже

00:14:36

знаем да то есть мы из этого кода уже

00:14:39

знаем практически все вот переменные

00:14:43

параметры

00:14:45

идентификаторы циклы

00:14:49

условия и возврат из функций поэтому вот

00:14:52

мы теперь можем тут узнать еще и цикл

00:14:56

for of в другой из функций из нашего

00:14:59

примера мы можем узнать цикл for in если

00:15:03

вы откроете общий код который мы на

00:15:07

первой лекции разбирали то там есть еще

00:15:09

вот такая вот функция cold light that

00:15:12

all в которой используется for in и

00:15:14

проходит по ключам но в этом кусочки

00:15:17

кода мы еще не все знаем мы еще не знаем

00:15:19

что такое ним об и

00:15:21

еще не умеем возвращать нескольких

00:15:24

значений из функций ну в принципе тут

00:15:28

можно догадаться что return to the

00:15:31

expenses то тут возвращается объект с

00:15:34

двумя полями и тут эти два поля были

00:15:38

переменными внутри этой функции

00:15:41

из функции вернется объект где эти

00:15:45

переменные станут

00:15:46

значениями ключей внутри объекта

00:15:51

на сегодня все

Описание:

Патреон: https://www.patreon.com/tshemsedinov Github автора: https://github.com/tshemsedinov Группа в телеграме: https://t.me/metaedu

Готовим варианты загрузки

Популярные

HD видео

Только звук

Все форматы

* — Если видео проигрывается в новой вкладке, перейдите в неё, а затем кликните по видео правой кнопкой мыши и выберите пункт "Сохранить видео как..."

** — Ссылка предназначенная для онлайн воспроизведения в специализированных плеерах

Вопросы о скачивании видео

Как можно скачать видео "💻 Циклы в JavaScript: for, for..of и for..in (для начинающих)"?

Сайт http://unidownloader.com/ — лучший способ скачать видео или отдельно аудиодорожку, если хочется обойтись без установки программ и расширений. Расширение UDL Helper — удобная кнопка, которая органично встраивается на сайты YouTube, Instagram и OK.ru для быстрого скачивания контента.
Программа UDL Client (для Windows) — самое мощное решение, поддерживающее более 900 сайтов, социальных сетей и видеохостингов, а также любое качество видео, которое доступно в источнике.
UDL Lite — представляет собой удобный доступ к сайту с мобильного устройства. С его помощью вы можете легко скачивать видео прямо на смартфон.

Какой формат видео "💻 Циклы в JavaScript: for, for..of и for..in (для начинающих)" выбрать?

Наилучшее качество имеют форматы FullHD (1080p), 2K (1440p), 4K (2160p) и 8K (4320p). Чем больше разрешение вашего экрана, тем выше должно быть качество видео. Однако следует учесть и другие факторы: скорость скачивания, количество свободного места, а также производительность устройства при воспроизведении.

Почему компьютер зависает при загрузке видео "💻 Циклы в JavaScript: for, for..of и for..in (для начинающих)"?

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

Как скачать видео "💻 Циклы в JavaScript: for, for..of и for..in (для начинающих)" на телефон?

Вы можете скачать видео на свой смартфон с помощью сайта или pwa-приложения UDL Lite. Также есть возможность отправить ссылку на скачивание через QR-код с помощью расширения UDL Helper.

Как скачать аудиодорожку (музыку) в MP3 "💻 Циклы в JavaScript: for, for..of и for..in (для начинающих)"?

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

Как сохранить кадр из видео "💻 Циклы в JavaScript: for, for..of и for..in (для начинающих)"?

Эта функция доступна в расширении UDL Helper. Убедитесь, что в настройках отмечен пункт «Отображать кнопку сохранения скриншота из видео». В правом нижнем углу плеера левее иконки «Настройки» должна появиться иконка камеры, по нажатию на которую текущий кадр из видео будет сохранён на ваш компьютер в формате JPEG.

Сколько это всё стоит?

Нисколько. Наши сервисы абсолютно бесплатны для всех пользователей. Здесь нет PRO подписок, нет ограничений на количество или максимальную длину скачиваемого видео.