掌握 JavaScript 中的循环：`while`、`dowhile` 和 `for`

风明君_3764

发布时间：2024-09-20 08:06:13

1916人浏览过

来源于dev.to

转载

掌握 javascript 中的循环：`while`、`dowhile` 和 `for`

在本博客中，我们将探讨 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

说明：