下面是 for 循环的控制流程解析:
-
init
会首先被执行,且只会执行一次。这一步允许您声明并初始化任何循环控制变量。您也可以不在这里写任何语句,只要有一个分号出现即可。
-
接下来,会判断
condition
。如果为 true,则执行循环主体。如果为 false,则不执行循环主体,且控制流会跳转到紧接着 for 循环的下一条语句。
-
在执行完 for 循环主体后,控制流会跳回上面的
increment
语句。该语句允许您更新循环控制变量。该语句可以留空,只要在条件后有一个分号出现即可。
-
条件再次被判断。如果为 true,则执行循环,这个过程会不断重复(循环主体,然后增加步值,再然后重新判断条件)。在条件变为 false 时,for 循环终止。
在这里,statement(s) 可以是一个单独的语句,也可以是几个语句组成的代码块。
condition 可以是任意的表达式,当条件为 true 时执行循环,当条件为 false 时,退出循环。
以下实例计算 5 的阶乘, for 循环生成从 5 到 1 的数字,并计算每次循环数字的乘积。
TypeScript
var
num
:
number
=
5
;
var
i
:
number
;
var
factorial
=
1
;
for
(
i
=
num
;
i
>=
1
;
i
--
)
{
factorial
*=
i
;
console
.
log
(
factorial
)
编译以上代码得到如下 JavaScript 代码:
JavaScript
var
num
=
5
;
var
i
;
var
factorial
=
1
;
for
(
i
=
num
;
i
>=
1
;
i
--
)
{
factorial
*=
i
;
console
.
log
(
factorial
)
;
执行以上 JavaScript 代码,输出结果为:
for...in 循环
for...in 语句用于一组值的集合或列表进行迭代输出。
语法格式如下所示:
for (var val in list) {
val 需要为 string 或 any 类型。
TypeScript
var
j
:
any
;
var
n
:
any
=
"
a b c
"
for
(
j
in
n
)
{
console
.
log
(
n
[
j
]
)
编译以上代码得到如下 JavaScript 代码:
JavaScript
var
j
;
var
n
=
"
a b c
"
;
for
(
j
in
n
)
{
console
.
log
(
n
[
j
]
)
;
执行以上 JavaScript 代码,输出结果为:
for…of 、forEach、every 和 some 循环
此外,TypeScript 还支持 for…of 、forEach、every 和 some 循环。
for...of 语句创建一个循环来迭代可迭代的对象。在 ES6 中引入的 for...of 循环,以替代 for...in 和 forEach() ,并支持新的迭代协议。for...of 允许你遍历 Arrays(数组), Strings(字符串), Maps(映射), Sets(集合)等可迭代的数据结构等。
TypeScript for...of 循环
let
someArray
=
[
1
,
"
string
"
,
false
]
;
for
(
let
entry
of
someArray
)
{
console
.
log
(
entry
)
;