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 语句。