在JavaScript中，除了while语句，我们还可以使用do…while语句来实现循环。

语法：

do
{
    ……
}while(条件);

说明：

do…while语句首先是无条件执行循环体一次，然后再判断是否符合条件。如果符合条件，则重复执行循环体；如果不符合条件，则退出循环。

do…while语句跟while语句是非常相似的，并且任何一个都可以转换成等价的另外一个。

do…while语句结尾处括号后有一个分号（;），该分号一定不能省略，这是初学者最容易忽略的一点，大家一定要记得呀。

举例：

在线测试
<!DOCTYPE html> 
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <script>
        var n = 1;
        var sum = 0;
        do
        {
            sum += n;
            n++;
        }while (n <= 100);
        document.write("1+2+3+…+100 = " + sum);
    </script>
</head>
<body>
</body>
</html>

浏览器预览效果如图所示。

分析：

将这个例子与上一节的例子对比，可以总结出以下两点。

  • （1）while语句和do…while语句是可以互相转换的，对于这两个，我们掌握其中一个就可以了。
  • （2）while语句是“先判断、后循环”，do…while语句是“先循环、后判断”，这是两者本质的区别。

在实际开发中，我们一般都是用while语句，而不是用do…while语句，主要是do…while语句会先无条件执行一次循环，有时候用得不好的话，这个特点会导致执行一次不该执行的循环。也就是说，我们只需要重点掌握while语句就行了。