循环 - JavaScript

在编程中，循环结构是一种重要的语言元素之一。它允许我们重复执行某个代码块，直到达到某个条件为止。JavaScript 中有三种类型的循环结构：for 循环、while 循环和 do/while 循环。本文将介绍这三种循环结构的语法、用法及示例。

for 循环

for 循环是一种常用的循环结构，它通过控制计数器的值来控制循环次数。for 循环语法如下：

for (初始化表达式; 条件表达式; 更新表达式) {
  // 循环体
}

其中初始化表达式用于初始化计数器，条件表达式用于判断是否执行循环体，更新表达式用于更新计数器。循环体中的代码会在每次循环时都执行一次。

以下是一个简单的 for 循环示例，用于输出 0 到 9 的数字：

for (var i = 0; i < 10; i++) {
  console.log(i);
}

上述代码中，我们在初始化表达式中定义了计数器变量 i，条件表达式中判断当 i 小于 10 时继续循环，更新表达式中每次将 i 加 1。通过这种方式控制循环次数，我们就能够方便地输出 0 到 9 的数字。

while 循环

while 循环是一种更为简单的循环结构，它通过判断条件来控制循环次数。while 循环语法如下：

while (条件表达式) {
  // 循环体
}

while 循环会先判断条件表达式是否为真，只有在条件表达式为真时才会执行循环体中的代码。当循环体执行完后，会再次判断条件表达式，如果为真则继续执行循环体；否则结束循环。

以下是一个简单的 while 循环示例，用于输出 1 到 5 的数字：

var i = 1;
while (i <= 5) {
  console.log(i);
  i++;
}

上述代码中，我们先将计数器 i 的初始值设为 1，然后在条件表达式中判断 i 是否小于等于 5。每执行一次循环体后，我们将 i 的值加 1，直到 i 大于 5 为止。

do/while 循环

do/while 循环与 while 循环类似，区别在于它会先执行一次循环体再判断条件表达式。do/while 循环语法如下：

do {
  // 循环体
} while (条件表达式);

与 while 循环一样，当条件表达式为真时会继续执行循环体。执行完循环体后，会再次判断条件表达式，如果为真则继续执行循环体；否则结束循环。

以下是一个简单的 do/while 循环示例，用于提示用户输入密码，直到输入正确为止：

var password = '';
do {
  password = prompt('请输入密码：');
} while (password !== '123456');
alert('密码正确！');

上述代码中，我们通过 prompt 函数获取用户输入的密码，然后在条件表达式中判断密码是否为 123456。如果密码不正确，则会继续提示用户输入密码；如果密码正确，则会弹出提示框提示用户密码正确。

总结

循环结构是 JavaScript 中非常重要的语言元素之一，它允许我们重复执行某个代码块，从而实现更加复杂的编程逻辑。在编写循环结构时，我们需要明确循环次数以及循环条件，并合理使用计数器和更新表达式等语法结构，保证代码的正确性和可读性。