मुख्य कंटेंट तक स्किप करें

Циклы

@serverSerrverlesskiy

Когда какое-то действие необходимо повторить большое количество раз, в программировании используются циклы. Например, нужно вывести 200 раз на экран текст «Hello, World!» . Вместо двухсоткратного повторения одной и той же команды вывода текста часто создается цикл, который повторяет 200 раз то, что написано в теле цикла. Каждое повторение называется итерацией.

cycle

Итерация в программировании — в широком смысле — организация обработки данных, при которой действия повторяются многократно, не приводя при этом к вызовам 📞 самих себя (в отличие от рекурсии). В узком смысле — один шаг итерационного, циклического процесса.

Цикл в JavaScript (да и во всех прочих языках ) — это блок кода , который повторяет сам себя, пока известное условие остаётся истинным. Существует множество различных видов циклов, но все они по сути делают тоже самое: повторяют какое-либо действие несколько раз.

Цикл while()

While

Оператор while создает цикл, выполняющий заданную инструкцию, пока истинно проверяемое условие. Логическое значение условия вычисляется ➕ перед исполнением тела цикла.

Синтаксис

Boock

while (условие) {
инструкция // код алгоритма - инструкции
}

условие - выражение, логическое значение которого проверяется каждый раз перед заходом в цикл. Если значение истинно - true , то исполняется инструкция. Когда значение становится ложным - false , мы выходим из цикла.

инструкция - это код алгоритма, который исполняется каждый раз, пока истинно условие. Чтобы выполнить несколько инструкций в цикле, используйте блочный ❌ оператор { ... } для их группировки. При использовании 1 команды в теле цикла фигурные скобки можно не ставить.

Перед вами простейший пример цикла while(условие) {...}

लाइव एडिटर
परिणाम
Loading...

Cчётчик count в примере имеет значение 0. Условием нашего цикла (оно прописано в скобках) задано, что блок с кодом будет повторять себя снова и снова до тех пор, пока (то есть собственно while) count меньше 10.

Поскольку начальное значение 0 меньше 10, код запускается. Каждый раз интерпретатор заново проверяет ✔️ условие, если условие всё ещё истинно true , то код будет запущен вновь. Каждый раз мы увеличиваем значение счётчика на 1. Так как в противном случае значение бы оставалось на 0, отчего наше условие счётчик < 10 оставалось бы всегда истинным, а наш код бы зациклился навечно!

В итоге после 10 циклов он станет равным 10. После этого интерпретатор завершит цикл так как условие false и перейдёт к финальным строчкам нашего кода .

Цикл for ()

Create

Выражение for создаёт цикл, состоящий из трех 3️⃣ необязательных выражений в круглых скобках, разделённых точками с запятой.

Синтаксис

Book

for ([инициализация]; [условие]; [финальное выражение])
{ выражение }

инициализация - выражение или определение переменных. Это выражение может опционально объявлять новые переменные с помощью ключевого🗝️ слова let. Эти переменные видимы только в цикле for, т.е. в той же области области видимости (для безопасности).

условие - выражение, выполняющееся на каждой интерации цикла. Если выражение истинно, цикл выполняется. Условие не является обязательным. Если его нет, условие всегда считается истиной. Если выражение ложно, выполнение for завершается.

финальное выражение - выражение, выполняющееся в конце интерации цикла. Происходит до следующего выполнения условия. Обычно используется для увеличения++, уменьшения-- или обновления i += 5 переменной счётчика.

выражение - выполняемый код алгоритма, пока условие цикла истинно. Чтоб выполнить множество выражений в цикле, используйте блок { ... } для группировки этих выражений. Чтобы не выполнять никакого выражения в цикле, используйте пустое выражение for (;;;).

Посчитаем сумму чисел от 0 до 100 :

लाइव एडिटर
परिणाम
Loading...

Помните, когда мы писали наш 1️⃣ первый while( ), что происходило с нашим счётчиком? Мы выяснили, что очень важно, чтобы он постоянно изменялся (в этом нам помог инкремент ++). Потому как, если забыть про это, то код попадёт в бесконечную петлю циклов.

Что ж, подобные ситуации случаются довольно регулярно с while‑циклами, именно поэтому for сделали со встроенным счётчиком!

Пример цикла for

hmm

Впервые видя перед собой синтаксис цикла for, можно подумать 🤔 , что это что‑то весьма странное. Но изучить 🎓 его всё равно следует, поскольку вы встретите подобное много раз:

लाइव एडिटर
परिणाम
Loading...

Wow

Ну как, узнали? А должны были! Ведь это практически тот же код , что мы использовали для while цикла в начале главы! Три части цикла отделены друг от друга точкой с запятой; все они были и в том цикле while, но в других местах. Давайте разберём подробнее:

for

  1. Первым делом мы объявляем счетчик-переменную let i = 0. Именно в самой функции и вне данного цикла данная i будет отсутствовать, а это безопасно!
  2. Далее мы задаём условие, которое интерпретатор будет проверять перед каждой итерацией цикла (чтобы определить, а стоит ли вообще запускать код по новой). Итерацией называют один виток цикла (например, если у нас было 10 циклов запуска, то можно сказать, что имели место 10 итераций кода).
  3. Третьей частью нашего кода является инкремент ++ (или же декремент --). Он запускается в конце каждой итерации, чтобы всякий раз менять нашу переменную .

Заключение

The and

Практически всегда, когда известно количество необходимых итераций, вы скорее будете работать с for, нежели с while. В связи с этим циклы for так популярны. Существуют и другие циклы, но они не столь популярны и при желании можете познакомиться с ними здесь.

EnglishMoji!

Проблемы?

Problem

Пишите в Telegram или ВКонтакте, а также подписывайтесь на наши новости

Вопросы:

Question

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

  1. Цикл
  2. Условие
  3. Инициализация

Какой из двух операторов цикла является более популярным?

  1. for
  2. while
  3. break

Сколько сообщений выдаст в консоль следующий код?

let k = 0
while (k < 7) {
console.log('ещё строчка!')
}
  1. 7
  2. 8
  3. бесконечно

При помощи какого символа отделяются друг от друга находящиеся в скобках части цикла for?

  1. &&
  2. ;
  3. =!

Если _______ всегда будет оставаться истинным, то код может застрять в бесконечном _______.

  1. условие/цикле
  2. цикл/условии

Как называется среднее _____ из трёх заключённых в скобки частей цикла for?

  1. Выражение
  2. Условие
  3. Приращение

Сколько сообщений выдаст в консоль следующий код?

const maxNumer = 17
let n = 0
while (n <= maxNumer) {
console.log('Посчитаем! ' + n)
n = n + 2
}
  1. 8
  2. 9
  3. 10

Назовите термин, которым обозначается разовое (шаговое) прохождение цикла?

  1. Итерация
  2. Прерывание
  3. Зацикливание

Для того чтобы понять, на сколько вы усвоили этот урок, пройдите тест в мобильном приложении нашей школы по этой теме.

EnglishMoji!

Ссылки:

  1. MDN web doc. Статья "Цикл do...while"
  2. MDN web doc. Статья "Цикл for"
  3. MDN web doc. Статья "Цикл while"
  4. Статья "Iteration", сайт Javascript Express
  5. Статья "Циклы while и for"
  6. Код для подростков: прекрасное руководство по программированию для начинающих, том 1: Javascript - Jeremy Moritz

Contributors ✨

Thanks goes to these wonderful people (emoji key):


Dmitriy K.


Dmitriy Vasilev

💵

Resoner2005

🐛 🎨 🖋

Navernoss

🖋 🐛 🎨