TypeScript for

摘要：在本教程中，您将学习关于 TypeScript for 循环语句，该语句重复执行一段代码。

TypeScript for 语句简介

以下是 TypeScript for 循环语句的语法

for(initialization; condition; expression) {
    // statement
}Code language: TypeScript (typescript)

for 循环语句创建一个循环。它包含三个用分号 (;) 分隔并用括号括起来的可选表达式

• initialization：是在循环开始之前评估一次的表达式。通常，您使用 initialization 初始化循环计数器。
• condition – 是在每次循环迭代结束时评估的表达式。如果 condition 为 true，则执行循环体中的语句。
• expression – 是在每次循环迭代结束时评估 condition 之前评估的表达式。通常，您使用 expression 更新循环计数器。

for 循环语句中的所有三个表达式都是可选的。这意味着您可以像这样使用 for 循环语句

for(;;) {
    // do something
}Code language: TypeScript (typescript)

在实践中，如果您知道循环应该运行多少次，则应该使用 for 循环。如果要根据循环执行次数以外的其他条件停止循环，则应使用 while 循环。

TypeScript 允许您完全省略循环体，如下所示

for(initialization; condition; expression);Code language: TypeScript (typescript)

但是，它在实践中很少使用，因为它使代码更难阅读和维护。

TypeScript for 示例

让我们来看一些使用 TypeScript for 循环语句的示例。

1) 简单 TypeScript for 示例

以下示例使用 for 循环语句将 0 到 9 的 10 个数字输出到控制台

for (let i = 0; i < 10; i++) {
    console.log(i);
}Code language: TypeScript (typescript)

输出

0
1
2
3
4
5
6
7
8
9Code language: TypeScript (typescript)

工作原理

• 首先，声明一个变量 i 并将其初始化为 0。
• 然后检查 i 是否小于 10。如果是，则将 i 输出到控制台并将变量 i 增加 1。
• 最后，重复第二步，直到 i 等于 10。

2) TypeScript for 示例：可选块

以下示例显示与上述示例相同的输出。但是，for 没有 initialization 块

let i = 0;
for (; i < 10; i++) {
    console.log(i);
}Code language: TypeScript (typescript)

与 initialization 块一样，您可以省略 condition 块。

但是，您必须在满足条件时使用 if 和 break 语句退出循环。否则，您将创建一个无限循环，导致程序重复执行直到崩溃。

for (let i = 0; ; i++) {
    console.log(i);
    if (i > 9) break;
}Code language: TypeScript (typescript)

以下示例说明了一个省略所有三个块的 for 循环

let i = 0;
for (; ;) {
    console.log(i);
    i++;
    if (i > 9) break;
}Code language: TypeScript (typescript)

输出

0
1
2
3
4
5
6
7
8
9Code language: TypeScript (typescript)

工作原理

• 首先，在进入 for 之前声明一个循环计数器 i 并将其初始化为 0。
• 然后，在每次循环迭代中，将 i 输出到控制台，将其递增 1，如果 i 大于 9，则退出循环。

总结

• 当您想重复执行一段代码若干次时，请使用 TypeScript for 语句。