个性化阅读
专注于IT技术分析

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循环”终止,这标志着生命周期的结束。

typescript 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的环返回被迭代对象的值列表。

下面的例子说明了这些区别:

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);  
}  
赞(0)
未经允许不得转载:srcmini » TypeScript三种迭代语句 – TypeScript开发教程

评论 抢沙发

评论前必须登录!