TypeScript for #

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

TypeScript for 语句介绍 #

下面是 TypeScript for 循环语句的语法：

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

for 循环语句创建了一个循环，它由三个可选表达式组成，用分号 (;) 分隔，并用圆括号括住：

• initialization：是一个在循环开始之前计算一次的表达式。通常，你使用 initialization 来初始化一个循环计数器。

• condition：是一个在每次循环迭代结束时计算的表达式。如果条件为 true，则执行循环体中的语句。

• expression：是一个在每次循环迭代结束时，在计算 condition 之前计算的表达式。通常，你使用 expression 来更新循环计数器。

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

for(;;) {
    // do something
}

在实践中，如果你知道循环应该运行多少次，你就应该使用 for 循环。如果你想根据循环执行次数以外的条件来停止循环，你应该使用 while 循环。

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

for(initialization; condition; expression);

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

TypeScript for 循环示例 #

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

1）简单的 TypeScript for 示例 #

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

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 增加 1。

• 最后，重复第二步直到 i 等于 10。

2）TypeScript for 示例：可选块 #

下面的示例显示与上面的示例相同的输出。但是，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

它是如何工作的：

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

总结 #

当你想要重复执行一段代码多次时，请使用 TypeScript for 语句。