Примеры оператора цикла for в TypeScript

В этом руководстве вы узнаете об операторе цикла TypeScript for, который многократно выполняет часть кода.

Оператор TypeScript for

Ниже показан синтаксис оператора цикла TypeScript for :

for(initialization; condition; expression) {
    // statement
}

Оператор for создает цикл. Он состоит из трех необязательных выражений, разделенных точкой с запятой ( ; ) и заключенных в круглые скобки:

• initialization : выражение вычисляется один раз перед началом цикла. Обычно вы используете initialization для инициализации счетчика циклов.
• condition — это выражение, которое оценивается в конце каждой итерации цикла. Если condition равно true, выполняются операторы в теле цикла.
• expression — это выражение, которое оценивается перед вычислением condition в конце каждой итерации цикла. Как правило, вы используете expression для обновления счетчика циклов.

Все три выражения в операторе цикла for являются необязательными. Это означает, что вы можете использовать оператор цикла for следующим образом:

for(;;) {
    // do something
}

На практике вам следует использовать цикл for, если вы знаете, сколько раз должен запускаться loop. Если вы хотите остановить цикл на основе условия, отличного от количества выполнений цикла, вы должны использовать цикл while.

TypeScript позволяет полностью опустить тело цикла следующим образом:

for(initialization; condition; expression);

Однако на практике он используется редко, поскольку затрудняет чтение и сопровождение кода.

Примеры

Давайте рассмотрим несколько примеров использования оператора цикла TypeScript for.

1) Простой пример оператора цикла for в TypeScript

В следующем примере оператор цикла for используется для вывода на консоль 10 чисел от 0 до 9:

for(let i = 0; i < 10; i++) {
    console.log(i);
}

Выход:

0
1
2
3
4
5
6
7
8
9

Как это устроено:

• Сначала объявите переменную i и инициализируйте ее значением 0.
• Затем проверьте, меньше ли i, чем 10. Если это так, выведите i на консоль и увеличьте i на единицу.
• Наконец, повторите второй шаг, пока i не станет равным 10.

2) Пример с необязательным блоком

В следующем примере показан тот же вывод, что и в приведенном выше примере. Однако в for нет блока initialization :

let i = 0;
for(; i < 10; i++) {
    console.log(i);
}

Как и блок initialization, вы можете опустить блок condition.

Однако вы должны выйти из цикла при выполнении условия, используя if и break. В противном случае вы создадите бесконечный цикл, который заставит программу выполняться многократно, пока не произойдет сбой.

for(let i = 0; ; i++) {
    console.log(i);
    if(i > 9) break;
}

В следующем примере показан цикл for, в котором отсутствуют все три блока:

let i = 0;
for(; ;) {
    console.log(i);
    i++;
    if(i > 9) break;
}

Выход:

0
1
2
3
4
5
6
7
8
9

Как это устроено:

• Во-первых, объявите счетчик цикла i и инициализируйте его значением 0 перед входом в for.
• Затем в каждой итерации цикла выведите i на консоль, увеличьте его на единицу и прервите цикл, если i больше 9.

Заключение

• Используйте оператор цикла for в TypeScript, если вы хотите многократно выполнять часть кода.