学习ES6（五）--循环 标签控制流程

有时，某些指令需要重复执行。循环是执行此操作的理想方法。循环代表一组必须重复的指令。在循环的上下文中，重复称为迭代。

定环

迭代次数是确定/固定的循环称为确定循环。“ for循环”是确定循环的实现。

for (initial_count_value; termination-condition; step) { //statements
}   

1.for循环将代码块执行指定的次数。它可以用于迭代一组固定的值，例如数组。以下是for循环的语法。

var num = 5
var factorial=1;
for( let i = num ; i >= 1; i-- ) {factorial *= i ;
}
console.log(factorial);

for循环包括三个部分：初始化程序（i = num），条件（i> = 1）和最终表达式（i--）。

程序将计算数字5的阶乘并显示。for循环生成从5到1的数字序列，计算每次迭代中数字的乘积。

可以使用逗号运算符（，）将多个赋值和最终表达式组合在for循环中。

2.for ... in循环用于循环访问对象的属性。以下是“ for…in”循环的语法。

for (variablename in object) {statement or block to execute
}
在每次迭代中，将对象的一个??属性分配给变量名称，并且此循环一直进行到对象的所有属性用尽。

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

for…of循环用于迭代可迭代对象，而不是对象常量。以下是“ for…of”循环的语法。

for (variablename of object){statement or block to execute
}

for (let val of[12 , 13 , 123]){console.log(val)
}

无限循环

当循环中的迭代次数不确定或未知时，将使用不确定循环。

无限循环可以使用-

1.while循环 --每当指定的条件求值为true时，while循环就会执行指令。换句话说，循环在执行代码块之前先评估条件。

以下是while循环的语法。

while (expression) {Statement(s) to be executed if expression is true
}

与while循环相似，不同之处在于do...while循环不评估的第一次循环执行的条件。但是，将为后续迭代评估条件。换句话说，代码块将在do ... while循环中至少执行一次。

do {Statement(s) to be executed;
} while (expression);

循环控制语句

使用标签控制流程

lable是一个标识符，后跟一个冒号（:)被施加到一个语句或代码块。标签可以结合break，continue以更精确地控制循环。

在“ continue”或“ break”语句及其标签名称之间不允许换行。此外，标签名称和关联的循环之间不应有任何其他语句

outerloop: // This is the label name
for (var i = 0; i < 5; i++) {console.log("Outerloop: " + i);innerloop:for (var j = 0; j < 5; j++){if (j > 3 ) break ; // Quit the innermost loopif (i == 2) break innerloop; // Do the same thingif (i == 4) break outerloop; // Quit the outer loopconsole.log("Innerloop: " + j);}
}

成功执行上述代码后，将显示以下输出。

Outerloop: 0
Innerloop: 0
Innerloop: 1
Innerloop: 2
Innerloop: 3
Outerloop: 1
Innerloop: 0
Innerloop: 1
Innerloop: 2
Innerloop: 3
Outerloop: 2
Outerloop: 3
Innerloop: 0
Innerloop: 1
Innerloop: 2
Innerloop: 3
Outerloop: 4

outerloop: // This is the label name
for (var i = 0; i < 3; i++) {console.log("Outerloop: " + i);for (var j = 0; j < 5; j++) {if (j == 3) {continue outerloop;}console.log("Innerloop: " + j );}
}

成功执行上述代码后，将显示以下输出。
Outerloop: 0
Innerloop: 0
Innerloop: 1
Innerloop: 2
Outerloop: 1
Innerloop: 0
Innerloop: 1
Innerloop: 2
Outerloop: 2
Innerloop: 0
Innerloop: 1
Innerloop: 2