TypeScript 中如何处理循环和迭代

循环是编程中非常常见的一种结构，而 TypeScript 为开发者提供丰富的循环和迭代的处理机制。本文将详细介绍 TypeScript 中如何处理循环和迭代，以及相应的示例代码。

for 循环

TypeScript 中的 for 循环和 JavaScript 中的 for 循环很类似。语法如下：

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

在 TypeScript 中，我们也可以使用 Range 循环，代码如下：

for (let i of arr) {
  console.log(i);
}

Range 循环中的 i 代表的是 arr 中的每个元素。

while 循环

TypeScript 中的 while 循环与 JavaScript 中的 while 循环类似。我们可以使用 while 循环实现一些不确定循环次数的情况。代码如下：

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

do while 循环

do while 循环至少会执行一次循环体。代码如下：

let i = 0;
do {
  console.log(arr[i]);
  i++;
} while (i < arr.length);

for...in 循环

TypeScript 中的 for...in 循环用于遍历对象的属性，代码如下：

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

for...of 循环

TypeScript 中的 for...of 循环用于遍历 Iterable 对象，比如数组。代码如下：

let arr = [1, 2, 3];
for (let i of arr) {
  console.log(i);
}

continue 和 break

在循环中，我们可以使用 continue 和 break 语句来控制循环的执行。

continue 语句用于跳过循环中的某些代码块。代码如下：

for (let i = 0; i < arr.length; i++) {
  if (i % 2 == 0) {
    continue;
  }
  console.log(arr[i]);
}

在循环中，当 i 取 0、2、4...时，continue 会跳过本次循环，不输出数值。

break 语句用于跳出循环。代码如下：

for (let i = 0; i < arr.length; i++) {
  if (arr[i] == 2) {
    break;
  }
  console.log(arr[i]);
}

在循环中，当 i 等于 2 的时候，break 语句会跳出循环。

forEach 循环

TypeScript 中的 forEach 循环可以很方便地遍历数组，语法如下：

arr.forEach(function(value, index, array) {
  console.log(value);
});

可以看出，forEach 循环仍需要一个函数来指定执行操作。其中，value 表示数组中的值，index 表示当前值的索引，array 则指整个数组。

总结

在本文中，我们介绍了 TypeScript 中的循环和迭代处理机制，并详细说明了循环语法的不同之处。对于初学 TypeScript 的同学来说，掌握好这些循环语法，可以帮助你更好的理解、掌握 TypeScript。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/649285bb48841e98940501ac