JavaScript 入门教程

JavaScript是一门Web编程语言，用来实现网页的交互功能，它和HTML、CSS共同组成了个Web开发的基础工具集合，也是前端开发者必备的技能；学习JavaScript教程可以了解它在网页开发中的所有特性和相关概念，让我们能够更加快速的去开发Web应用。

W3CAPI

2020-06-18 07:05:48

文档目录

我的书签

请登录

do...while

JavaScript do...while 循环

详细说明

在JavaScript中，do...while循环会先执行一次语句块，随后重复执行该语句块，直至指定条件的评估结果为false。

Syntax

do
{
  statement block
}
while (condition);

执行一下

在while循环中，给定的条件会在循环开始前进行测试，即在执行while循环内的任何语句之前。而对于do-while循环，条件测试发生在执行循环内的语句之后。这意味着无论条件是否首次检查就失败，do-while循环至少会执行一次其内部的语句。

图示演示：

Example:

以下网页文档用于计算0到10区间内的偶数和。do...while循环初始设定x=0并循环执行直至x等于10。当x被2整除的余数等于0时，将x与y进行累加，循环结束后y返回最终的偶数和。

HTML代码

<!DOCTYPE html>
<html lang="en"><head>
<meta charset=utf-8>
<title>JavaScript do while statement :  Example-1</title>
</head>
<body>
<h1>JavaScript : do while statement</h1>
<h3> The do while loop calculate the sum of even numbers between 0 to 10. </h3>
<p id="result">Output will be displayed here.</p>
<script src="do-while-statement-example1.js"></script>
</body>
</html>

执行一下

JS代码

var x = 1;
var y = 0;
var z = 0;
document.getElementById("result").innerHTML = "List of numbers : ";
do
{
z = x %  2;
if (z === 0)
{
var newParagraph1 = document.createElement("p");
var newText1 = document.createTextNode(x);
newParagraph1.appendChild(newText1);
document.body.appendChild(newParagraph1);
y=y+x;
}
x++;
}
while (x <=10 );
var newParagraph1 = document.createElement("p");
var newText1 = document.createTextNode("The sum of even numbers between 0 to 10 is : " + y);
newParagraph1.appendChild(newText1);
document.body.appendChild(newParagraph1);

执行一下

在浏览器中查看示例

在线练习示例

上一篇：JavaScript：switch 语句基于不同条件执行对应代码块，含case/break/default结构。
下一篇：JavaScript while 循环

作者文档