JavaScript Do While 循环

JavaScript Do While 循环会在循环结束时测试给定的条件。因此，Do While 循环会至少执行一次代码块中的语句，即使给定条件失败。

我们在之前的 JavaScript 文章中讨论过的 While 循环会在进入代码块之前测试条件。如果条件为 True，则此循环中的语句才会被执行。否则，语句将不会被执行至少一次。

在某些情况下，需要先执行一些操作（执行一些语句），然后再检查条件。在这些情况下，我们可以使用 JavaScript Do While 循环。

JavaScript Do While 循环语法

Do While 循环的语法如下所示。

do
{
  statement 1;
  statement 2;
    ………….
  statement n;
}
While (condition);

首先，它将执行此 do while 循环内的语句。然后，在到达末尾后，它将检查 while 中的条件。如果条件为 True，则会重复该过程。如果条件失败，则迭代终止。

Do While 循环流程图

其流程图如下所示。

Do While Loop Flow Chart

JavaScript 编程语言中 do while 循环的流程图顺序是：

  1. 首先，我们初始化变量。接下来，它将进入循环。
  2. 它将执行循环内的一组语句。
  3. 接下来，我们必须在 do while 循环内使用增量和减量运算符来增量和减量值。
  4. 现在它将检查条件。如果条件为 True，则其中的语句将再次执行。它将继续该过程，只要条件为 True。
  5. 如果条件为 False，它将退出循环。

JavaScript Do While 循环示例

这个程序有助于我们理解 Do While 循环。

  1. 首先，我们声明了变量 number 并将其初始化为 6。并将 total 变量初始化为 0。
  2. 接下来，在这个JavaScript程序中，number 已被添加到 total 中。
  3. 我们在下一行使用了 ++ 运算符来增加 number 的值。
  4. 此行之后，number 将根据 while 条件进行测试。如果条件结果为 true，则会重复该过程。否则，它将退出循环。
  5. 在下一行中，我们使用了一个额外的语句来表明它来自 do while 循环之外。
<!DOCTYPE html>
<html>
<head>
    <title> Example </title>
</head>

<body>
    <h1> JavaScriptDoWhile </h1>
<script>
    var number = 6, total=0;
    do
    {
        total = total + number;
        document.write("<br\>Number = " + number);
        document.write("<br\>Total Value is = " + total);
        number++;
    }while (number <= 10);
    
    document.write("<br\>Total Value from outside the Loop is = ", total);  
</script>
</body>
</html>
JavaScript Do While Loop 1

让我们输入一个大于 10 的值，看看会发生什么。从上面的屏幕截图来看，我们输入了值 11，它仍然显示总数为 11。因为在执行该代码后，它检查了 while 条件，条件失败了，所以它退出了循环。

Number = 12
Total Value is = 12
Total Value from outside the Loop is = 12