TypeScript for 循环语句

首页 / TypeScript入门教程 / TypeScript for 循环语句

在本教程中,你将学习 TypeScript 中的 for 语句,它可以重复执行一段代码。

TypeScript 中的 for 语句介绍

下面是 TypeScript 中 for 循环语句的语法:

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

for 循环语句被圆括号包裹起来,由分号 (;) 分隔的三个可选表达式组成:

for 循环语句中的三个表达式都是可选的,这意味着可以这样使用它,如下所示:

for (;;) {
  // do something
}

在实践中,如果你知道循环执行多少次,你应该使用 for 循环,如果你需要根据循环次数以外的条件判断是否停止循环的时候,使用 while 循环语句。

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

for (initialization; condition; expression);

但在实践中很少这样来使用它,它使得代码难以阅读和维护。

循环语句例子

让我们看几个使用 TypeScript 中的 for 循环语句的例子:

1) 简单的 for 循环语句例子

下面的例子使用 for 循环语句输出从 09 之间的 10 个数字:

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

Output:

0
1
2
3
4
5
6
7
8
9

它是这样工作的:

  • 首先,声明了 i 变量,把它的值初始化为 0
  • 检查 i 的值是否比 10 小,如果是的话把它的值输出到控制台,并给 i 变量加一;
  • 最后,循环第二步直到 i 的值等于 10,结束循环。

2) 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 的值大于 9 的话,跳出循环语句。

小结

  • 使用 TypeScript 中的 for 循环语句来重复执行一段代码。

教程来源:网道(WangDoc.com)以及 Github cody1991 无私奉献

这一章《TypeScript for 循环语句 》你学到了什么?做站不易,你的分享是对我们最大的支持

猜你喜欢

Spring Boot与Kubernetes云原生微服务实践 -〔杨波〕

职场求生攻略 -〔臧萌〕

用户体验设计实战课 -〔相辉〕

郭东白的架构课 -〔郭东白〕

好记忆不如烂笔头。留下你的足迹吧 :)