循环是编程中非常常见的一种结构，而 TypeScript 为开发者提供丰富的循环和迭代的处理机制。本文将详细介绍 TypeScript 中如何处理循环和迭代，以及相应的示例代码。
for 循环
TypeScript 中的 for 循环和 JavaScript 中的 for 循环很类似。语法如下：
--- ---- - - -- - - ----------- ---- - -------------------- -
在 TypeScript 中，我们也可以使用 Range 循环，代码如下：
--- ---- - -- ---- - --------------- -
Range 循环中的 i 代表的是 arr 中的每个元素。
while 循环
TypeScript 中的 while 循环与 JavaScript 中的 while 循环类似。我们可以使用 while 循环实现一些不确定循环次数的情况。代码如下：
--- - - -- ----- -- - ----------- - -------------------- ---- -
do while 循环
do while 循环至少会执行一次循环体。代码如下：
--- - - -- -- - -------------------- ---- - ----- -- - ------------
for...in 循环
TypeScript 中的 for...in 循环用于遍历对象的属性，代码如下：
--- --- - --- -- -- -- -- --- --- ---- ---- -- ---- - ------------------ -
for...of 循环
TypeScript 中的 for...of 循环用于遍历 Iterable 对象，比如数组。代码如下：
--- --- - --- -- --- --- ---- - -- ---- - --------------- -
continue 和 break
在循环中，我们可以使用 continue 和 break 语句来控制循环的执行。
continue 语句用于跳过循环中的某些代码块。代码如下：
--- ---- - - -- - - ----------- ---- -
-- -- - - -- -- -
---------
-
--------------------
-在循环中，当 i 取 0、2、4...时，continue 会跳过本次循环，不输出数值。
break 语句用于跳出循环。代码如下：
--- ---- - - -- - - ----------- ---- -
-- ------- -- -- -
------
-
--------------------
-在循环中，当 i 等于 2 的时候，break 语句会跳出循环。
forEach 循环
TypeScript 中的 forEach 循环可以很方便地遍历数组，语法如下：
--------------------------- ------ ------ - ------------------- ---
可以看出，forEach 循环仍需要一个函数来指定执行操作。其中，value 表示数组中的值，index 表示当前值的索引，array 则指整个数组。
总结
在本文中，我们介绍了 TypeScript 中的循环和迭代处理机制，并详细说明了循环语法的不同之处。对于初学 TypeScript 的同学来说，掌握好这些循环语法，可以帮助你更好的理解、掌握 TypeScript。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/649285bb48841e98940501ac