跳到主要内容

TypeScript for

摘要:在本教程中,你将了解重复执行一段代码的 TypeScript for 循环语句。

TypeScript for 语句简介

下面显示了 TypeScript for 循环语句的语法:

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

for 循环语句创建一个循环。 它由三个可选表达式组成,用分号 (;) 分隔并括在括号中:

  • initialization:是在循环开始之前计算一次的表达式。 通常,使用 initialization 来初始化循环计数器。
  • condition – 是在每次循环迭代结束时计算的表达式。 如果 conditiontrue,则执行循环体中的语句。
  • expression – 是在每次循环迭代结束时计算 condition 之前计算的表达式。 通常,使用 expression 来更新循环计数器。

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

for(;;) {
// do something
}

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

TypeScript 允许你完全省略循环体,如下所示:

for(initialization; condition; expression);

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

TypeScript 示例

让我们举一些使用 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 输出到控制台,并将变量 i1
  • 最后,重复第二步,直到 i 等于 10

2) TypeScript for 示例: 可选的代码模块

以下示例显示与上例相同的输出。 然而,for 没有初始化代码模块:

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

类似于 initialization 代码模块,你可以省略 condition 模块。

但是,当满足条件时,必须使用 ifbreak 语句来跳出循环。 否则,将创建一个无限循环,导致程序重复执行直到崩溃。

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,并在进入 for 之前将其初始化为 0
  • 然后,在每次循环迭代中,将 i 输出到控制台,并将其加一,如果 i 大于 9,则跳出循环。

概括

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