TypeScript — Циклы

TypeScript — Циклы

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

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

TypeScript — Циклы

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

TypeScript — Циклы

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

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

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

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

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

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

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

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

var n:number = 5 while(n > 5) { console.log("Entered while") } do { console.log("Entered do…while") } while(n>5)

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

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

//Сгенерировано typescript 1.8.10
var n = 5;
while (n > 5) { console.log("Entered while");
} do { console.log("Entered do…while");
} while (n > 5);

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

Оператор break

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

Синтаксис

break

Блок-схема

TypeScript — Циклы

Пример

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

var i:number = 1 while(i<=10) { if (i % 5 == 0) { console.log ("The first multiple of 5 between 1 and 10 is : "+i) break //выходит из цикла, если найдено первое число кратное 5 } i++ } //выводит 5 и выходит из цикла

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

//Сгенерировано typescript 1.8.10
var i = 1; while (i <= 10) { if (i % 5 == 0) { console.log("The first multiple of 5 between 1 and 10 is : " + i); break; // выходит из цикла, если найдено первое число кратное 5 } i++;
} // выводит 5 и выходит из цикла

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

Оператор continue

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

Синтаксис

continue

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

TypeScript — Циклы

Пример

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

var num:number = 0
var count:number = 0; for(num=0;num<=20;num++) { if (num % 2==0) { continue } count++
}
console.log (" The count of odd values between 0 and 20 is: "+count) //outputs 10 

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

//Сгенерировано typescript 1.8.10
var num = 0;
var count = 0; for (num = 0; num <= 20; num++) { if (num % 2 == 0) { continue; } count++;
}
console.log(" The count of odd values between 0 and 20 is: " + count); //выводит 10

Результат

The count of odd values between 0 and 20 is: 10

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

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

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

for(;;) { //statements }

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

for(;;) { console.log(“This is an endless loop”) }

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

while(true) { //statements }

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

while(true) { console.log(“This is an endless loop”) }

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

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