详细介绍 TypeScript 中常用的循环语句，包括它们的语法、用法以及一些注意事项

在编程中，循环是一种重要的控制结构，用于反复执行一段代码。TypeScript 提供了多种类型的循环语句，包括 for 循环、while 循环和 do-while 循环，可以帮助我们处理重复性的任务。本文将详细介绍 TypeScript 中常用的循环语句，包括它们的语法、用法以及一些注意事项。

for 循环

for 循环是一种常用的循环结构，用于按照指定的条件反复执行一段代码。它具有以下语法：

for(初始化表达式; 条件表达式; 增量表达式){
   // 待执行的代码块}

初始化表达式会在循环开始之前执行一次，通常用于初始化计数器变量。条件表达式每次循环开始前都会进行判断，如果为真，则执行循环内的代码块；如果为假，则终止循环。增量表达式会在每次循环结束后执行，通常用于更新计数器变量。

下面是一个计算 1 到 10 之间整数之和的示例：

let sum:number=0;for(let i:number=1; i <=10; i++){
   
  sum += i;}

console.log(sum);// 输出结果为 55

在上述代码中，我们使用 for 循环将变量 i 初始化为 1，然后判断条件 i <= 10 是否成立，如果成立，则执行循环内的代码块，并将 i 的值加到 sum 变量上。然后执行增量表达式 i++，再次判断条件，直到条件不成立时，循环结束。

while 循环

while 循环是另一种常用的循环结构，它会根据指定的条件反复执行一段代码，直到条件不成立为止。它具有以下语法：

while(条件表达式){
   // 待执行的代码块}

条件表达式会在每次循环开始之前进行判断，如果为真，则执行循环内的代码块；如果为假，则终止循环。

下面是一个输出 1 到 5 的示例：

let i:number=1;while(i <=5){
   
  console.log(i);
  i++;}

在上述代码中，我们使用 while 循环不断输出变量 i 的值，并在每次循环结束后将 i 的值递增。当 i 的值超过 5 时，条件表达式 i <= 5 不再成立，循环结束。

do-while 循环

do-while 循环与 while 循环类似，但它会先执行一次循环内的代码块，然后再判断条件是否成立。因此，无论条件是否成立，do-while 循环至少会执行一次。

do{
   // 待执行的代码块}while(条件表达式);

下面是一个使用 do-while 循环计算 1 到 5 之间整数之和的示例：

let sum:number=0;let i:number=1;do{
   
  sum += i;
  i++;}while(i <=5);

console.log(sum);// 输出结果为 15

在上述代码中，我们使用 do-while 循环将变量 i 的值加到 sum 上，并在每次循环结束后递增 i。当 i 的值超过 5 时，条件表达式 i <= 5 不再成立，循环结束。

循环控制语句

在循环中，我们还可以使用以下控制语句来改变循环的行为：

• break：用于终止循环，并跳出循环体。
• continue：用于跳过当前迭代，继续下一次迭代。

这些控制语句通常结合条件语句使用，以实现更灵活的循环控制。

下面是一个使用 break 和 continue 的示例：

let sum:number=0;for(let i:number=1; i <=10; i++){
   if(i ===5){
   break;// 当 i 等于 5 时终止循环}if(i ===3){
   continue;// 当 i 等于 3 时跳过当前迭代，继续下一次迭代}

  sum += i;}

console.log(sum);// 输出结果为 12

在上述代码中，当变量 i 的值等于 5 时，使用 break 终止循环；当 i 的值等于 3 时，使用 continue 跳过当前迭代，继续下一次迭代。

注意事项

在使用循环时，需要注意以下几点：

• 确保循环的终止条件最终会成立，以避免无限循环。
• 避免在循环体内修改循环变量的值，以免导致不可预料的结果。
• 在使用 for-in 循环遍历对象属性时，注意使用 hasOwnProperty 方法过滤掉原型链上的属性。

总结

本文详细介绍了 TypeScript 中常用的循环语句，包括 for 循环、while 循环和 do-while 循环。循环是处理重复性任务的关键工具，可以根据指定的条件来重复执行一段代码。在使用循环时，需要注意循环的终止条件、避免修改循环变量的值，并注意在特定场景下使用循环控制语句。