typescript for of typescript for of循环

转载

烂漫树林 2024-01-11 13:46:06

文章标签 typescript for of typescript javascript 前端无限循环 文章分类 TypeScript 前端开发

基础篇之循环

循环的应用

for
for...in
for...of
forEach
every
while
do...while 循环

无限循环
break
continue

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

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

支持的循环主要有

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