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

àì夳堔傛蜴生んèń 2023-10-13 21:08 3阅读 0赞

在编程中，循环是一种重要的控制结构，用于反复执行一段代码。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` 循环。循环是处理重复性任务的关键工具，可以根据指定的条件来重复执行一段代码。在使用循环时，需要注意循环的终止条件、避免修改循环变量的值，并注意在特定场景下使用循环控制语句。