TypeScript 循环

在 TypeScript 中，循环语句用于重复执行一段代码，直到满足某个条件为止。这些循环语句是编程中常用的控制结构，用于遍历数组、对象、字符串或执行重复的任务。TypeScript 提供了多种循环结构，包括 for 循环、while 循环、do...while 循环以及基于数组的 for...of 循环和 for...in 循环（尽管 for...in 主要用于遍历对象的可枚举属性）。

一、for 循环

for 循环是最常用的循环结构之一，它允许你定义一个计数器变量，并设置其初始值、终止条件和更新规则。

for (let i = 0; i < 5; i++) {
    console.log(i); // 输出 0 到 4
}

二、while 循环

while 循环在每次迭代之前检查条件，如果条件为真，则执行循环体。

let count = 0;
while (count < 5) {
    console.log(count); // 输出 0 到 4
    count++;
}

三、do...while 循环

do...while 循环与 while 循环类似，但它在每次迭代之后检查条件，因此循环体至少会执行一次。

let count = 0;
do {
    console.log(count); // 输出 0 到 4
    count++;
} while (count < 5);

四、for...of 循环

for...of 循环用于遍历可迭代对象（如数组、字符串、Map、Set 等）的元素。

let array = [10, 20, 30, 40, 50];
for (let value of array) {
    console.log(value); // 输出数组中的每个值
}

五、for...in 循环

for...in 循环用于遍历对象的可枚举属性（包括从原型链上继承的可枚举属性，除非使用 hasOwnProperty 方法进行过滤）。

let obj = { a: 1, b: 2, c: 3 };
for (let key in obj) {
    if (obj.hasOwnProperty(key)) {
        console.log(key + ": " + obj[key]); // 输出对象的每个属性和值
    }
}

注意：在遍历数组时，通常推荐使用 for...of 循环而不是 for...in 循环，因为 for...in 循环会遍历数组的所有可枚举属性（包括原型链上的属性，如果有的话），并且返回的是属性名（字符串类型），而不是属性值。

六、使用循环的注意事项

1、避免无限循环：

确保循环有明确的终止条件，以避免无限循环。

2、性能考虑：

在处理大量数据时，注意循环的性能开销，并考虑使用更高效的算法或数据结构。

3、变量作用域：

在 for 循环中使用 let 关键字声明的变量具有块级作用域，这意味着它们在循环外部是不可见的。这有助于避免变量污染和意外的行为。

4、可读性和维护性：

保持循环结构的简洁和清晰，以便其他开发者能够轻松理解你的代码意图。

通过掌握这些循环结构，你可以在 typescript 中高效地处理重复的任务和数据遍历。

本文地址：https://www.tides.cn/p_typescript-loop