TypeScript三种迭代语句 – TypeScript开发教程 typescript迭代语句|TypeScript

上一章TypeScript教程请查看：TypeScript while循环语句
在这里介绍的循环中，我们知道执行语句块之前的迭代次数，“for循环”就是这种循环的最好例子。在这里，我们将讨论循环的三种类型:

for循环
for… of循环
for… in循环

TypeScript for循环for循环是一种重复控制结构，它用于将代码块执行特定次数。for语句在单行中包含初始化、条件和递增/递减，它提供了一个更短、更容易调试的循环结构。for循环的语法如下所示。
语法

for (first expression; second expression; third expression ) { // 重复执行的语句 }

for循环中的控制流程说明为:
第一个表达式是初始化步骤，它首先执行，并且只执行一次。它允许我们声明和初始化循环控制变量。
下一个表达式计算条件。如果为真，则执行循环体。如果为false，则不执行循环，控制流跳到“for”循环之后的下一个语句。
当“for循环”的主体执行时，控制流跳到递增/递减语句。它允许我们更新循环控制变量。只要条件后面出现分号，就可以将其留空。
现在，条件被重新评估。如果找到true，则执行循环，重复该过程。当条件变为false时，“for循环”终止，这标志着生命周期的结束。

文章图片
例子

let num = 4; let factorial = 1; while (num >= 1) { factorialfactorial = factorial * num; num--; } console.log("给定数字的阶乘是: " + factorial);

TypeScript for..of循环TypeScript for..of循环用于迭代和访问数组、字符串、集合、映射、列表或元组集合的元素。TypeScript for..of循环的语法给出如下。
语法

for (var val of list) { //执行的代码 }

例子

let arr = [1, 2, 3, 4, 5]; for (var val of arr) { console.log(val); }

TypeScript for..in循环TypeScript for..in循环用于数组、列表或元组。这个循环遍历一个列表或集合，并在每次迭代时返回一个索引。在这里，“val”的数据类型应该是字符串或any。TypeScript for..in循环的语法如下所示。
语法

for (var val in list) { //statements }

例子

let str:any = "srcmini"; for (let index in str) { console.log('Index of ${str[index]}: ${index}'); }

for..of VS for..in循环这两个循环遍历列表，但是它们的迭代方式不同。for..in循环返回被迭代对象的索引列表，而for..of的环返回被迭代对象的值列表。
【TypeScript三种迭代语句 – TypeScript开发教程】下面的例子说明了这些区别:

let myArray = [10, 20, 30, 40, 50,]; console.log("Output of for..in loop "); for (let index in myArray) { console.log(index); } console.log("Output of for..of loop "); for (let val of myArray) { console.log(val); }