在本博客中，我们将探讨 javascript 中不同类型的循环：while、do...while 和 for。我们还将介绍如何跳出循环、继续下一次迭代以及使用标签来实现更复杂的控制流。让我们潜入吧！
while 循环
只要指定条件为真，while 循环就会继续执行。
语法：
while (condition) {
// code to execute
}
示例：
let count = 0;
while (count < 5) {
console.log(count);
count++;
}
// output: 0 1 2 3 4
说明：
- 只要 count 小于 5，循环就会继续执行。
- 在循环内，count 在每次迭代中加 1。
do...while 循环
do...while 循环确保在检查条件之前代码块至少执行一次。
立即学习“Java免费学习笔记（深入）”；
语法：
do {
// code to execute
} while (condition);
示例：
let count = 0;
do {
console.log(count);
count++;
} while (count < 5);
// output: 0 1 2 3 4
说明：
- 循环确保代码块至少执行一次。
- 第一次迭代后检查条件。
for 循环
当您预先知道要执行一条语句或语句块多少次时，可以使用 for 循环。
语法：
for (initialization; condition; increment) {
// code to execute
}
示例：
for (let i = 0; i < 5; i++) {
console.log(i);
}
// output: 0 1 2 3 4
说明：
- 初始化：让 i = 0 初始化循环计数器。
- 条件：i < 5 是循环继续的条件。
- increment：i++ 每次迭代后递增循环计数器。
打破循环
break 语句用于提前退出循环。
示例：
for (let i = 0; i < 10; i++) {
if (i === 5) {
break;
}
console.log(i);
}
// output: 0 1 2 3 4
说明：
- 当 i 等于 5 时，循环退出。
继续下一个迭代
继续语句用于跳过当前迭代并移至循环的下一个迭代。
示例：
for (let i = 0; i < 10; i++) {
if (i === 5) {
continue;
}
console.log(i);
}
// output: 0 1 2 3 4 6 7 8 9
说明：
- 当 i 等于 5 时，循环会跳过迭代，并继续下一次迭代。
中断和继续的标签
标签可用于从内循环跳出或继续外循环的下一次迭代。
示例：
outerloop: for (let i = 0; i < 3; i++) {
for (let j = 0; j < 3; j++) {
if (i === 1 && j === 1) {
break outerloop;
}
console.log(`i = ${i}, j = ${j}`);
}
}
// output: i = 0, j = 0
// i = 0, j = 1
// i = 0, j = 2
// i = 1, j = 0
说明：
- 当 i 等于 1 且 j 等于 1 时，break outerloop 语句退出外循环。
继续示例：
outerLoop: for (let i = 0; i < 3; i++) {
for (let j = 0; j < 3; j++) {
if (i === 1 && j === 1) {
continue outerLoop;
}
console.log(`i = ${i}, j = ${j}`);
}
}
// Output: i = 0, j = 0
// i = 0, j = 1
// i = 0, j = 2
// i = 1, j = 0
// i = 2, j = 0
// i = 2, j = 1
// i = 2, j = 2
说明：
- 当 i 等于 1 且 j 等于 1 时，continue outerloop 语句会跳过外循环的当前迭代。
总结
- while loop：只要条件为真就继续执行。
- do...while loop：确保在检查条件之前代码块至少执行一次。
- for 循环：当您预先知道要执行一条语句或语句块多少次时使用。
- break 语句：提前退出循环。
- 继续语句：跳过当前迭代并移至循环的下一个迭代。
- 标签：用于从内循环跳出或继续外循环的下一次迭代。
结论
循环对于在 javascript 中执行重复任务至关重要。通过了解不同类型的循环以及如何使用 break、continue 和标签控制其流程，您将能够编写更高效、更灵活的代码。不断练习和探索，加深对 javascript 循环的理解。
请继续关注有关 javascript 的更多深入博客！快乐编码！
