How many ways you can use the for loop in TypeScript?

在TypeScript中，你可以使用多种方式来实现for循环，这些方式也适用于JavaScript，因为TypeScript是JavaScript的一个超集。以下是一些常见的for循环方式，每一种方式我都会附上一个简单的例子来说明其用法：

1. 常规的for循环

这是最基础的循环方式，常用于需要按顺序执行或访问数组、列表等的场合。

typescript
for (let i = 0; i < 5; i++) {
    console.log(i);
}

2. for...of循环

这种方式适用于遍历数组或其他可迭代对象的元素。它直接获取元素的值，而不是索引。

typescript
let array = [10, 20, 30, 40, 50];
for (let value of array) {
    console.log(value);
}

3. for...in循环

for...in 循环主要用于遍历对象的属性，这种方式会遍历对象自身的所有可枚举属性。

typescript
let obj = {a: 1, b: 2, c: 3};
for (let key in obj) {
    console.log(key, obj[key]);
}

4. Array.prototype.forEach()

虽然 forEach() 不是传统意义上的for循环，但它经常用于数组的遍历。它对数组的每个元素执行一次提供的函数。

typescript
let numbers = [1, 2, 3, 4, 5];
numbers.forEach((number, index) => {
    console.log(number, index);
});

示例应用场景

假设我们需要统计一个字符串数组中每个元素的长度，并存储在一个新数组中。对于这种场景，我们可以使用 for...of 循环，因为它可以直接获取数组中的每个字符串：

typescript
let strings = ["hello", "world", "typescript"];
let lengths = [];
for (let str of strings) {
    lengths.push(str.length);
}
console.log(lengths); // 输出: [5, 5, 9]

这些就是TypeScript中常见的几种使用for循环的方式，每种方式都有其特定的应用场景和优势。在实际开发中，我们可以根据具体需求选择最合适的循环方式。