TypeScript — Циклы

TypeScript — Циклы

От автора: сегодня мы поговорим о том, для чего нужны в TypeScript циклы. Существует много случаев, когда нам нужно выполнить блок кода несколько раз. Обычно операторы выполняются последовательно один за другим: первый оператор в функции выполняется первым, после него выполняется второй и так далее.

Языки программирования предоставляют много управляющих конструкций для более сложных способов выполнения. Оператор цикла позволяет многократно выполнять оператор или группу операторов. Снизу приведена общая схема оператора цикла, которая используется в большинстве языков программирования.

TypeScript — Циклы

TypeScript предоставляет много видов циклов. Следующая схема иллюстрирует классификацию циклов:

TypeScript — Циклы

Фреймворк VUE JS: быстрый старт, первые результаты

Получите бесплатный курс и создайте веб-приложение на трендовой Frontend-технологии VUE JS с полного нуля

Узнать подробнее

Определенный цикл (Definite Loop)

Цикл, для которого количество итераций является определенным/фиксированным, называется определенным циклом. Цикл for является определенным циклом.

for loop — Цикл for является определенным циклом.

Неопределенный цикл (Indefinite Loop)

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

while loop — Цикл while выполняет операторы каждый раз, когда заданное условие является истинным.

do… while — Цикл do…while похож на цикл while, только цикл do…while не оценивает условие при первом исполнении цикла.

Пример: while и do…while

В примере изначально объявляется цикл while. Цикл выполняется только если выражение, переданное while, является истинным. В этом примере значение n не больше нуля, отсюда следует, что выражения является ложным и цикл не выполняется.

Цикл do…while, в свою очередь, выполняет оператор один раз, потому что изначальная итерация не учитывает логическое выражение. Однако, в результате итерации, while проверяет условие и передает управление над циклом. После компиляции мы получим следующий код JavaScript:

Вышеуказанный код дает такой результат: Entered do…while

Оператор break

Оператор break используется для того, чтобы переключить управление конструкции. Использование break в цикле указывает программе выйти из цикла. Его синтаксис выглядит следующим образом:

Синтаксис

Блок-схема

TypeScript — Циклы

Пример

Давайте теперь рассмотрим на следующий код:

После компиляции мы получим следующий JavaScript код:

Фреймворк VUE JS: быстрый старт, первые результаты

Получите бесплатный курс и создайте веб-приложение на трендовой Frontend-технологии VUE JS с полного нуля

Узнать подробнее

Вышеуказанный код выдаст нам такой результат: The first multiple of 5 between 1 and 10 is : 5

Оператор continue

Оператор continue пропускает следующие операторы в текущей итерации и переключает управление на начало цикла. Разница с оператором break заключается в том, что continue не прерывает цикл. Он прерывает только текущую итерацию и начинает следующую итерацию.

Синтаксис

Структурная схема

TypeScript — Циклы

Пример

Ниже приведен пример оператора continue:

Этот код отображает количество четных значений между 0 и 20. Цикл прерывает текущую итерацию, если число четное. Это происходим благодаря оператору continue. После компиляции мы получим следующий JavaScript код:

Результат

Бесконечный цикл

Бесконечный цикл выполняется без конца. Циклы for и while используют, чтобы задать бесконечный цикл.

Синтаксис: использование бесконечного цикла

Пример: использование бесконечного цикла

Синтаксис: использование бесконечного цикла

Пример: использование бесконечного цикла

Источник: https://www.tutorialspoint.com/

Редакция: Команда webformyself.

Фреймворк VUE JS: быстрый старт, первые результаты

Получите бесплатный курс и создайте веб-приложение на трендовой Frontend-технологии VUE JS с полного нуля

Узнать подробнее

Курс по TypeScript

Прямо сейчас посмотрите курс по TypeScript!

Смотреть курс

Метки:

Похожие статьи:

Комментарии Вконтакте:

Комментарии Facebook:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

Я не робот.

Spam Protection by WP-SpamFree