TypeScript - 循环

简介

循环是程序中常用的一种基本控制结构，通过循环可以让代码多次执行相同的操作。

TypeScript 支持多种类型的循环，包括 for 循环、while 循环、do-while 循环，以及 for-in 循环和 for-of 循环。

for 循环

for 循环是 TypeScript 中最常见的一种循环。它的语法如下：

for (let i = 0; i < array.length; i++) {
  console.log(array[i]);
}

其中：

• let i = 0 定义了循环变量 i 的初始值；
• i < array.length 是循环条件，只有当 i 小于数组长度时，循环才会继续执行；
• i++ 是每次循环后循环变量 i 的自增操作，确保循环能够逐步向终止条件靠近。

示例：

const array = [1, 2, 3, 4, 5];

for (let i = 0; i < array.length; i++) {
  console.log(array[i]);
}

输出：

1
2
3
4
5

while 循环

while 循环是一种基本的循环结构，它的应用场景比较灵活。while 循环的语法如下：

while (condition) {
  // 循环体
}

其中 condition 是循环条件，只有当 condition 为 true 时，循环才会继续执行。

示例：

let i = 0;

while (i < 5) {
  console.log(i);
  i++;
}

输出：

0
1
2
3
4

do-while 循环

do-while 循环是一类与 while 循环类似的循环结构，不同之处在于循环体至少会被执行一次。do-while 循环的语法如下：

do {
  // 循环体
} while (condition);

其中 condition 是循环条件，只有当 condition 为 true 时，循环才会继续执行。

示例：

let i = 0;

do {
  console.log(i);
  i++;
} while (i < 5);

输出：

0
1
2
3
4

for-in 循环

for-in 循环用于遍历对象的属性。它的语法如下：

for (let variable in object) {
  console.log(variable);
}

其中 variable 是接收对象属性名的变量名，object 是被遍历的对象。

示例：

const person = {
  firstName: 'John',
  lastName: 'Doe',
  age: 18,
};

for (let prop in person) {
  console.log(prop + ': ' + person[prop]);
}

输出：

firstName: John
lastName: Doe
age: 18

for-of 循环

for-of 循环是一种新的循环结构，它用于遍历 ES6 引入的可迭代对象（包括数组、字符串、Map、Set 等）。for-of 循环的语法如下：

for (let variable of iterable) {
  console.log(variable);
}

其中 variable 是接收可迭代对象中的每个元素的变量名，iterable 是被遍历的可迭代对象。

示例：

const array = [1, 2, 3, 4, 5];

for (let num of array) {
  console.log(num);
}

输出：

1
2
3
4
5

总结

本文介绍了 TypeScript 中常见的几种循环结构，包括 for 循环、while 循环、do-while 循环、for-in 循环和 for-of 循环。在实际开发中，根据不同的场景选择不同的循环方式可以提高代码的效率和运行速度。