【JavaScript 教程】第四章 程序流程05— JavaScript do-while 循环语句

web前端开发

共 2394字,需浏览 5分钟

 ·

2021-11-27 10:43

英文 | https://www.javascripttutorial.net/

译文 | 杨小爱


在上节中,我们学习了JavaScript 程序流中的while语句 ,错过的小伙伴可以点击文章《【JavaScript 教程】第四章 程序流程04— while 循环语句》进行学习。

那么,在今天的教程中,我们将一起来学习如何使用 JavaScript  do-while语句创建循环。

JavaScript do-while 语句简介

do-while 循环语句创建一个循环,该循环执行代码块,直到测试条件的计算结果为 false。


以下是 do-while 循环语句的语法说明:

do {  statement(s);} while(expression);

与 while 循环不同,do-while 循环在计算表达式之前总是至少执行一次主体。

因为表达式只在循环体执行后才计算,所以 do-while 循环被称为后测试循环。

在循环体内部,您需要对某些变量进行更改以确保表达式在迭代后计算为 false。否则,您将有一个无限循环。

请注意,从 ES6+ 开始,while(expression) 后面的尾随分号 (;) 是可选的。

以下是 do-while 循环语句流程图:

JavaScript do-while 语句示例

请参阅以下 do-while 循环语句示例。

let count = 0;do {    count++;    console.log('count is:' + count);} while (count < 10);

在此示例中,count变量设置为 0,并在每次循环迭代中递增 1。只要count小于 10 ,循环就会继续。

您经常do-while在循环体需要至少执行一个的情况下使用该语句。这是do-while循环的一个重要特征。 

使用do-while循环的最典型示例是从用户那里获取输入,直到预期提供的值。

让我们使用do-while循环来开发一个简单的猜谜游戏。该脚本生成一个 1 到 12 之间的随机整数。

您必须通过猜测来猜测数字,直到您选择的数字与脚本选择的数字相匹配。

请参阅以下猜测脚本:


在此示例中,count 变量设置为 0,并在每次循环迭代中递增 1。只要计数小于 10,循环就会继续。

在循环体需要至少执行一次的情况下,您经常使用 do-while 语句。这是 do-while 循环的一个重要特性。

使用 do-while 循环最典型的例子是从用户那里获取输入,直到提供的值是预期的。

让我们使用 do-while 循环来开发一个简单的猜谜游戏。该脚本生成一个 1 到 12 之间的随机整数。

您必须通过猜测来猜测数字,直到您选择的数字与脚本选择的数字相匹配。

看下面的猜测脚本:

// generate secret number is a random integer between 1 and 12const MIN = 1;const MAX = 12;
let secretNumber = Math.floor(Math.random() * (MAX - MIN + 1)) + MIN;
let guesses = 0; // for storing the number of guesseslet hint = ''; // for storing hintlet number = 0;do { // get input from user let input = prompt(`Please enter a number between ${MIN} and ${MAX}` + hint); // get the integer number = parseInt(input); // increase the number of guesses guesses++; // check input number with the secret number // provide hint if needed if (number > secretNumber) { hint = ', and less than ' + number; } else if (number < secretNumber) { hint = ', and greater than ' + number; } else if(number == secretNumber) { alert(`Bravo! you're correct after ${guesses} guess(es).`); }} while (number != secretNumber);

看它怎么运作

  • 首先,在MIN(包含)和MAX(包含)函数之间生成一个随机数。

  • 其次,从用户那里获取一个随机整数,并用秘密数字检查它。如果号码与秘密号码不同,则提示用户,否则显示祝贺信息。

  • 第三,重复第二步,直到用户提供的数字与生成的随机数匹配。

总结

通过本教程的学习,我们知道了如何使用 do-while 循环语句创建一个测试后循环,该循环允许循环体至少执行一个循环,并一直执行直到测试条件的计算结果为 false。

学习更多技能

请点击下方公众号

浏览 10
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报