Циклы FOR и WHILE в JavaScript. Директивы break и continue. Уроки JAVASCRIPT с нуля 2020
Вставка
- Опубліковано 29 тра 2024
- Продолжаем изучать основы JavaScript и сегодня поговорим о циклах for и while.
Что же такое цикл? В процессе написания программы нам часто приходится делать однотипные действие много раз. Например, перебирая числа с 0 до 5 выполнить для каждого числа одинаковый код. Простыми словами, циклы предусмотрены для многократного повторения одного участка кода.
👉 Файлы укрока - fls.guru/files/tutorials/js/j...
🔴 Получить доступ к плюшкам + поддержать канал: / freelancerlifestyle
🔴 Telegram канал: t.me/freelancer_lifestyle (teleg.run/freelancer_lifestyle)
🔴 Telegram чат по верстке: t.me/flschat (teleg.run/flschat)
🔴 Facebook: / freelancerlifestyle
🔴 Instagram: / freelancer.lifestyle
Содержание:
00:00 - В выпуске
00:07 - Что такое цикл?
00:28 - Цикл WHILE
03:01 - Цикл DO WHILE
03:50 - Цикл FOR
06:20 - Директива BREAK
07:13 - Директива continue
08:22 - Метки цикла
09:40 - Итоги
10:44 - Домашка
08:12 - Важное напутствие
👋 Меня зовут Женя Андриканич, я IT - специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками!
Ссылка на канал: / freelancerlifestyle
🤟 Живи, а работай в свободное время! ©
С меня урок с тебя лайк и коммент 🤟
🔴 Получить доступ к плюшкам + поддержать канал: www.patreon.com/freelancerlifestyle
🔴 Telegram канал: t.me/freelancer_lifestyle (teleg.run/freelancer_lifestyle)
🔴 Telegram чат по верстке: t.me/flschat (teleg.run/flschat)
🔴 Facebook: facebook.com/freelancerlifestyle
🔴 Instagram: instagram.com/freelancer.lifestyle
привет, я пишу твой код: let num;
for(;num
@@tvoi_piosik9051 обратные кавычки поставь вместо обычных, на букве Ё - вот такие -- (``)
@@user-gu7rh5nm7c ставь `это` 'а не это'
Ииии в номинации "прекрасный рыжий бородач, который покорил сердца многих" вновь побеждает наш Жека)))
Ахах, спасибо!
While - сначала проверь, потом сделай, и так по кругу.
Do - сначала сделай, потом проверь, и так по кругу.
Отличаются они только случаем, когда условие не выполняется: while не пройдёт, а do пройдёт один раз.
круто )
@@whilefordo ) твой ник)
гениально
Только не останавливайся пожалуйста , один из лучших кто хорошо объясняет
Спасибо!
Здравствуйте.
Ответы к домашнему заданию:
1. Цикл while
let num = 1;
while (num < 6) {
console.log(num);
num++;
}
Цикл for
for (let num = 1; num < 6; num++) {
console.log(num);
2. Нет, не верно. Последний
вывод в консоль будет равен 1,
т.к. 0 это false, (условие не будет)
выполнено.
3.
let num = 0;
while (num < 3) {
console.log(`Число: ${num}`);
num++;
4.
firstFor: for (let num = 0; num < 2; num++) {
for (let size = 0; size < 3; size++) {
if (size == 1) {
break firstFor;
}
console.log(size);
}
}
Женя, спасибо вам за уроки!
а еще можно: let num = 1;
while (num < 6) console.log(num++);
или: let num = 1;
while (num) {
console.log(num);
num++;
if (num == 6) break;
}
я сделал вот так
firstFor: for (let num = 0; num < 2; num++) {
for (let size = 0; size < 3; size++) {
if (size == 1)
break firstFor;
console.log(size);
}
}
(не поставил скобки вокруг break firstFor) и результат аналогичный. Есть ли разница объясните!?
Выручаешь
Можно 1 записать так:
let num = 1;
while (num
Женя! Долгих лет жизни тебе и здоровья! Даже не верится что в современном мире кто то готов так усердно трудиться для других, меньше для себя!
Настоящий добрый альтруист. И не важно какие у тебя мотивы) Низкий поклон тебе!)
Пройшов HTML/CSS по твоїх уроках. почав JS. Дуже дякую за твою роботу! головне "жити і працювати у вільний час!"!!!
Единственный человек которому ставлю лайк не посмотрев ролик.Ты топовый так продолжать
Спасибо!
4:09 Я слошал такую расщифровку "start stop step" то есть "начало стоп шаг".
Довольно полезно для запоминания.
Кайф, изначально изучал эту тему по чистой теории, а после твоего видео стало намного понятнее. Спасибо!
Вот смотрю твои уроки и в очередной раз поражаюсь. Инфу, которую ты даешь я нигде не встречал. Респект за старания!
Спасибо за подробный и понятный урок! Смотрю все ваши видео с удовольствием!
Спасибо за такие полезные и понятные уроки по JS!
Огромнейшее Вам, Евгений спасибо!!! Всё чётко ,просто и понятно.
Жека, вы лучший! Объясняете предельно понятно. И отдельно благодарность за то, что показываете разные варианты решения одной и той же задачи!
Хорошо, что в домашке есть возможность тренировки в написании синтаксиса кода. Это важно тренировать.
Во-первых, огромное спасибо за урок, очень помогает в основах (планирую в дальнейшем изучать реакт по плейлисту "Путь самурая"). Во-вторых, данное сообщение тому, кто не понял разновидность цикла while (речь про do while). Хотелось сказать, что циклы в общем и целом делятся на две категории: 1) циклы с предусловием 2) циклы с постусловием. Что же это значит? Предусловие - это тот момент, когда цикл проверяет условие в самом начале, а далее делает тело цикла. Постусловие - это тот момент, когда цикл изначально делает тело цикла, а потом только проверяет условие. Это может быть полезно в абсолютно разных ситуациях и очень важно это понимать, так как в дальнейшем именно эта фишка с do while поможет решить вашу проблему!
Благородное дело делаешь! Такую качественную подачу материала еще поискать нужно. Да еще и бесплатно) Жду не дождусь когда дойдем до более сложного материала, пока что уж совсем основы) Спасибо большое за уроки!!!)
Добрый вечер, как у вас сейчас успехи в айти?
Спасибо дядь Женя, твои видео по джава скрипт это именно то что мне сейчас очень нужно !!
Пожалуйста!
Здравствуйте! Спасибо за прекрасные видео уроки.
В 1 задаче с помощью while,do,for вывела в консоль числа от 1 до 5.
Во 2 последний результат не будет 0.
3 задача
let num = 0;
while (num
спасибо вам, до конца не понял что надо было обернуть в метку, замучился и подсмотрел у вас код
@@Faradenza-sb3mj Ще як варiант прописати if (size == 2) break; двiчi, перший у внутрiшньому циклi, другий в зовнiшньому. Але з обгортуванням витонченiше
@@user-jr5ch5qo3e да уже поздно, я уже реакт учу :)
@@Faradenza-sb3mj Шаную
Жека спасибо тебе огромное. Столько информации перебрал и ответственно заявляю что твои уроки и манера подачи информации лучшие. Удачи тебе и больше подписчиков. Рекомендую тебя всем моим знакомым.
Мужик, подписался на тебя из-за лучших бесплатных уроков по вёрстке, пока что не просмотрел полностью, но было интересно, чем занимаешься по сей день - вот и заглянул сюда. Надеюсь, когда-нибудь, последовательно доберусь и до этой точки назначения. Ты - большой молодец и Человек! Спасибо тебе огромное за труды!
Пишу комментарий, чтобы поддержать канал. Спасибо огромное за шикарные уроки. Надеюсь когда нибудь могу дойти хотя бы до четверти уровня твоего мастерства.
Спасибо!
Женя, восхищаюсь вами искренне! Ваши уроки супер, от души благодарю! Вы отличный человек и специалист)
1-е задание решил вот так. Старался использовать все, что было в уроке)
'use strict'
let num = 0;
while (num < 5) {
num++;
console.log(num);
}
console.log(`num3 = ${num}`);
let num1 = 1;
do {
console.log(num1);
num1++;
} while (num1 < 6);
console.log(`num1 = ${num1}`);
let num2;
for (num2 = 1; num2 < 6; num2++) {
console.log(num2);
}
console.log(`Вывод вне цикла ${num2}`);
let num3 = 0;
for (;num3 < 10; num3++) {
if (num3 == 0) continue;
console.log(num3);
if (num3 == 5) break;
}
console.log(`num3 = ${num3}`);
let num4 = 0;
num41: for (;num4 < 5; num4++) {
answer1: for (let answer = 0; answer < 10; answer++) {
if (answer == 6) {
break num41;
}
if (answer == 0) {
continue answer1;
}
console.log(answer)
}
}
Спасибо тебе за крутые видео о JavaScript, Евгений. Успехов тебе в жизни 😎
Лучшие уроки по JS на UA-cam! Спасибо огромное!
Пожалуйста!
Очень Вам благодарен, очень доступно разложили все по полочкам, очень хорошие видео снимаете с детальным разбором, спасибо!
спасибо за понятное объяснение и позитивную подачу материала! с нетерпением жду выхода следующих уроков)
Спасибо!
Женя, видео как всегда просто класс. становится все интереснее и интереснее. Ждем функции)))
Спасибо огромное, такая хитрая улыбка в конце видео. Попробую разгадать ее значение.Интересненько!
Фух, наконец-то! )) Я уж думал, что не будет больше уроков по JS...
Спасибо! Лайк и жду продолжения: раз изучили циклы, то пора переходить к массивам и методам их перебора )
спасибо вам большое за все это!!! очень помогаете, благодарна как ни кому:)
Пожалуйста!
Канал топ,подача пушка!
Спасибо большое!
Люди вы должны ценить что такая инфа БЕСПЛАТНО!!!
А то что просмотров мало,нужно понимать что учится хотят единицы, большая масса людей смотрят фрик бои и конференции рук базук.
Коротко, ясно і доступно. Дякую!
Круто! Там где цикл вложен в цикл, вообще класс! Даже немного напрягся первый раз=)
Как раз мы проходили эту тему!!! RESPECT👍
Спасибо!
Спасиб за Вашу работу! Понятнее курса по JS не встречала. Благодаря Вашим урокам пропал страх перед программированием)
Евгений, выражаю вам свою благодарность, вы очень грамотный специалист, так держать, всего вам наилучшего и успехов в личной жизни, МИРНОГО НЕБЕ НАД ГОЛОВОЙ!
Про метки первый раз услышала. Даже в платном курсе о них не говорили. Спасибо большое
Спасибо!! Очень хорошая подача! Конспектирую)) Буду решать домашку)
все ваши виде это лучшее что можно найти на русскоязычном сегменте! Я поддерживаю вас во всём! желаю мира и спокойствия вашей стране и семье!!!
Женя, твои уроки круче офлайн курсов !
Спасибо за отличный урок, все понятно и доступно! Завтра закреплю материал, пересмотрю еще раз урок(и)! ))) Теперь у меня точно все получится!
Супер!
Жеко, дякую за урок, дуже просто і ясно, коли саме ти розповідаєш про круті речі!
Спасибо! Вы очень хорошо излагает материал!
Поражаюсь твоей подачей Жека! Успехов тебе!!!!!
Спасибо, за твои старание.
Успехов тебе!!!
Пожалуйста!
Я к домашке прям морально готовлюсь, страааашнооо). НО! Когда получается, такой прилив эмоций) Спасибо, очень полезные видео !)
Утро действительно доброе и полезное!
Спасибо!
Жек, спасибо что продолжаешь уроки по js, думаю интерес(просмотры) к урокам по js будет больше когда пройдём основы и начнётся «мясо». Потому как я, и многие сами изучили основы, а теперь просто дожидаемся более глубоких уроков. Пожалуйста, не прекращай уроков по js. Спасибо за твою работу.
Уверен, просмотров станет еще меньше)
@@FreelancerLifeStyle Если даже коммерческих будет не выгодно выживать уроки js, в любом случае благодарен за тот материал который ты выложил.
Женя, спасибо! Урок огонь!👍💣🥳
Спасибо, подробно, понятно, интересно!!! I need more js viiiiideo
Огонь бро, ты прям на практике даёшь то что в джаваскриптлерн описано. Спасибо тебе отдуши
Спасибо огромное, очень полезный урок.
Пожалуйста!
Поздравляю с новым годом! Желаю крепкого здоровья, много энергия и счастья. Желаю удачи фрилансер!!!
Огромный тебе лайк и респект. Уроки сделаны как по учебнику learn.js.ru прям то что доктор прописал. Читать этот сайт немного нудно. А тут наглядное пособие прям по этому сайту. Смотрю с удовольствием. Дай бог тебе здоровья и чтобы ты запилил все видосы до конца!
Офигенно объясняешь! От души ✊🏻
Я рад!
Євгене, ти великий молодець, дякую за твою працю!
Большое спасибо за твой труд!
Я вас обожаю❤️.Вы моя мотивация в этом деле
В задаче №2 результат 0 не выведется, так как условие уже не работает. Евгений, спасибо за ваши уроки) Ваши уроки как глоток кристально чистой воды в знойный день))) Не знаю почему, но тягот при просмотре уроков не ощущаю как это обычно бывает в обучении. С удовольствием смотрю выпуски. Спасибо мастер)
Жень уроки бомба, было бы круто если бы ты ещё приводил примеры ил реальной задачки даже самой простой, а так все круто спасибо тебе за труд!
Как всегда на высшем уровне!!!
Поскорее бы функции, а так с каждым уроком все интереснее и интереснее ;)
Спасибо!
Лучшие видосы по js, продолжай и большое спасибо.
Пожалуйста!
дякую, дивився декілька туторіалів, про мітку для циклу розказав тільки ти)
Женя, большое спасибо за урок. Дуже дякую!
Круто, спасибо Женя! 😊
Пожалуйста!
Царский лайк ), ждем с нетерпением ещё уроки.
спасибо огромное, видео топ, очень помогают в изучении!!!!!
Молодець. Доступно і зрозуміло. Так тримати👍🏻
Дякую!
весьма просто и понятно. Спасибо.
Спасибо за урок!№1-let num = 0;
while (num
Спасибо за урок. Очень жду видео по верстке писем :)
Довольно часто вижу такие заказы..
Жека, спасибо за урок!)
Теорию учу - без этого по-моему никак))
// Домашнее задание
//1 вывести в консоль числа от 1 до 5
let y = 1;
for (; y < 5; y++) {
console.log(y)
}
//или
let p = 1;
while (p
неправильно в 4 задании
Спасибо , за информативный ролик
блин класс я понял то чего не понимал .спасибо!!!
Я один не понимаю тех людей, которые оставляют дизы видосам Жеки?
Я тоже)
Ну это диванная проблема, во всем интернете. Не обращай внимания .
А для Жеки и то и другое идет в плюс.
Я думала, это глюк ютуба, или типа, для статистики... ¯\_(ツ)_/¯
Ну если не понимаешь материал то можно и психануть
Достойное видео - заслуженный лайк
Спасибо!
Дуже дякую. Хотілось би почути думку про англійську в фрілансі і про мінімальний рівень при пошуку роботи. Ще раз дякую за чудові уроки).
Круто, важная тема. Спасибо
Спасибо большое за крутой урок)
прикольно, уловил смысл и теперь уроки по js помогают мне учить php 2:47 ...
$num = 5;
while ( $num > 0) {
echo $num;
echo '';
$num --;
}
Отличный материал и подача, подписался с двух аккаунтов!
Спасибо!
Меня сильно заинтересовал Dart/Flutter
ну да, вроде актуальная тема и по сей день
Відразу лайк і комент)
Дякую!
This video is very useful!
// №_1
let num = 0;
// While
while(num < 5){
console.log(++num);
}
// Do While
do {
console.log(++num)
}while(num < 5)
// For
for (let i=0; i < 5;){
console.log(++i);
}
// №_2
False - Последний результат будет - 1. Внутри условия цикла "while" всё приводится к boolean значениям: while(0) = false;
// №_3
let num = 0;
while(num < 3){
console.log(`Число: ${num++}`);
}
// №_4
Paused: for (let num = 0; num < 2; num++) {
for(let size = 0; size < 3; size++) {
if(size === 1) break Paused;
console.log(size);
}
}
Спасибо за урок!
CУПЕР!!! спасибо, жду новых выпусков :)
Будут!
Урок прекрасен, как всегда. Мне тут пришла вот какая мысль. В завершении урока дается рекомендация учить матчасть (теорию). Это верно, логично и правильно. Было бы суперски, еслибы к уроку прилагались ссылы на качественную теоретическую информацию, относящуюся к теме урока.
Но даже без этих ссылок спасибо.
В качестве теории достаточно знать то что дается в уроке. Инфа собирается из различных ресурсов.
Дякую щиро, Євгене, за Вашу працю!!! Чеcно скажу, що не зрозуміла, поки, як працюють while i for...гризу граніт науки))), але я вже на 5-6 уроці по JS, а це вже величезне досягнення для мене :)
Огромное спасибо!
Ура, новое видео) Спасибо ) Ждала))
Пожалуйста!
Спасибо за офигенные уроки!
Придумал аналог continue для оператора "?" !!!)))
Внутри тела цикла нужно прописать такое:
(num == 2) ? num : console.log(num)
т.е. при num == 2 ничего не выводится, счетчик увеличится (увеличение счетчика происходит после выполнения тела цикла) и цикл продолжится со следующей итерации.
Комментарий и лайк за урок))
как и договаривались))
Спасибо за видео!
Дякую за корисне відео👍
Thank you so much!
Спасибо! Все супер!