[Typescript]基础篇之循环

一般情况下，语句是按顺序执行的：函数中的第一个语句先执行，接着是第二个语句，依此类推。

编程语言提供了更为复杂执行路径的多种控制结构,循环语句,允许我们多次执行一个语句或代码块

支持的循环主要有

• for 循环
• for…in 循环
• for…of 循环
• forEach 循环
• every 循环
• some 循环
• while 循环
• do…while 循环

循环的应用

for

for (init; condition; increment) {
  statement(s);
}

说明：

• init 会首先被执行，且只执行一次。这一步允许您声明并初始化任何循环控制变量。也可以不在这里写任何语句，只要有一个分号出现即可。
• 接下来，会判断 condition。如果为 true，则执行循环主体。如果为 false，则不执行循环主体，且控制流会跳转到紧接着 for 循环代码块后面的语句。
• 在执行完 for 循环主体后，控制流会跳回上面的 increment 语句。该语句允许您更新循环控制变量。该语句可以留空，只要在条件后有一个分号出现即可。
• 条件再次被判断。如果为 true，则执行循环，这个过程会不断重复（循环主体，然后执行 increment，再然后重新判断 condition）。在条件变为 false 时，for 循环终止。

在这里， statement(s) 可以是一个单独的语句，也可以是几个语句组成的代码块。

condition 可以是任意的表达式，当条件为 true 时执行循环，当条件为 false 时，退出循环。

当 statement 中存在 含有 break 分支时， 符合含有 break 分支时也会跳出

for…in

for…in 语句用于一组值的集合或列表进行迭代输出

for (var val in list) {
  //语句
}

for…of

for…of 允许你遍历 Arrays（数组）, Strings（字符串）, Maps（映射）, Sets（集合）等可迭代的数据结构等

在 ES6 中引入的 for…of 循环，以替代 for…in 和 forEach() ，并支持新的迭代协议

forEach

forEach、every 和 some 是 JavaScript 的循环语法，TypeScript 作为 JavaScript 的语法超集，当然默认也是支持的

因为 forEach 在 iteration 中是无法返回，所以可以使用 every 和 some 来取代 forEach

list.forEach((val, idx, array) => {
  // val: 当前值
  // idx：当前 index
  // array: Array
});

every

list.every((val, idx, array) => {
// val: 当前值
// idx：当前 index
// array: Array
return true; // Continues
// Return false will quit the iteration
});
因为 forEach 在 iteration 中是无法返回的，所以可以使用 every 和 some 来取代 forEach。

while

while (condition) {
  statement(s);
}

condition 可以是任意的表达式，当条件为 true 时执行循环。 当条件为 false 时，程序流将退出循环

do…while 循环

不像 for 和 while 循环，它们是在循环头部测试循环条件。do…while 循环是在循环的尾部检查它的条件。

do {
  statement(s);
} while (condition);

如果条件为 true，控制流会跳转回上面的 do，然后重新执行循环中的 statement(s)。这个过程会不断重复，直到给定条件变为 false 为止。

因为条件表达式出现在循环的尾部，所以循环中的 statement(s) 会在条件被测试之前至少执行一次。

无限循环

无限循环就是一直在运行不会停止的循环。 for 和 while 循环都可以创建无限循环。
原理就是通过设置循环条件一直为 true

for 创建无限循环语法格式：

for (;;) {
  // 语句
}

while 创建无限循环语法格式：

while (true) {
  // 语句
}

break

break 语句有以下两种用法：

• 当 break 出现在一个循环内时，循环会立即终止，且程序流将继续执行紧接着循环的下一条语句。它可用于终止 switch 语句中的一个 case。
• 如果使用的是嵌套循环（即一个循环内嵌套另一个循环），break 语句会停止执行最内层的循环，外层循环不受该 break 影响，然后开始执行该块之后的下一行代码。

let i: number = 1;
while (i <= 10) {
  if (i % 5 == 0) {
    console.log("在  1~10  之间第一个被  5  整除的数为  : " + i); //输出  5
    break; //  找到一个后退出循环
  }
  i++;
}
console.log("程序执行结束  i : " + i); //输出  5

break 后，会立即跳出循环语句，因此 程序执行结束 i 输出的是 5，不是 6

continue

continue 语句有点像 break 语句。但它不是强制终止，continue 会跳过当前循环中语句。但它不是强制终止，continue 之后的代码，直接开始下一次循环。

对于 for 循环，continue 语句执行后自增语句仍然会执行。对于 while 和 do…while 循环，continue 语句 重新执行条件判断语句