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

亲爱的编程学习爱好者，如果你点开了这篇文章，说明你对《掌握 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 循环确保在检查条件之前代码块至少执行一次。

语法：

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 的更多深入博客！快乐编码！

今天带大家了解了的相关知识，希望对你有所帮助；关于文章的技术知识我们会一点点深入介绍，欢迎大家关注golang学习网公众号，一起学习编程~