暂无图片
暂无图片
暂无图片
暂无图片
暂无图片

JavaScript 基础:「43」do...while 循环语句用法详解

路条编程 2020-12-22
220

欢迎关注路条编程网站,本专题主要介绍 JavaScript 基本语法、注释、变量声名、各种运算符、字符串、数组及条件语句等。通过学习 JavaScript 算法及数据结构这一系列文章,你将会逐步掌握 JavaScript 基础相关的知识。
do...while 循环语句用法详解。

今天我们介绍 JavaScript 语言中的第三种循环类型 do...while 循环。

do...while 语句一直重复直到指定的条件求值得到假值(false)。

语法示例如下所示:
do
  语句块
while (执行条件);

语句块 在检查条件之前会执行一次。要执行多条语句(语句块),要使用块语句({ ... })包括起来。如果 执行条件 为真(true),语句块 将再次执行。在每个执行的结尾会进行条件的检查。当 执行条件 为假(false),执行会停止并且把控制权交回给 do...while 后面的语句。

do-while 与 while 循环的不同之处在于: 它先执行循环中的语句,然后再判断表达式是否为真, 如果为真则继续循环;如果为假, 则终止循环。因此, do-while 循环至少要执行一次循环语句。

我们来看一个例子。
var arr = [];
var i = 0;
do {
arr.push(i);
i++;
} while (i < 3);
console.log(arr); // => [0, 1, 2]
这看起来和其他循环语句差不多,返回的结果是[0, 1, 2],do...while 与其他循环不同点在于,初始条件为假时的表现,让我们通过实际的例子来看看。这是一个普通的 while 循环,只要 i < 3,它就会在循环中运行代码。
var arr = []; 
var i = 3;
while (i < 3) {
arr.push(i);
i++;
}
console.log(arr); // => []
注意,我们首先将 i 的值初始化为 3。执行下一行时,注意到 i 不小于 3 ,循环内的代码将不会执行。所以 arr 最终没有添加任何内容,因此示例中的所有代码执行完时,arr 仍然是[]。现在,看一下 do...while 循环。
var arr = []; 
var i = 3;
do {
arr.push(i);
i++;
} while (i < 3);
console.log(i); // => 4
console.log(arr); // [3]
在这里,和使用 while 循环时一样,我们将 i 的值初始化为 3。执行下一行时,没有检查 i 的值,直接执行花括号内的代码。数组会添加一个元素,并在进行条件检查之前递增 i。然后,在条件检查时因为 i 等于 4 不符合条件 i < 3,所以退出循环。最终 arr 的值是 [3]。本质上,do...while 循环确保循环内的代码至少运行一次。让我们通过 do...while 循环将值添加到数组中。

重要提示:完整代码查看及下载,请访问  https://github.com/icoderoad/javascript-algorithms-and-data-structures。


今天就讲到这里,如果有问题需要咨询,大家可以直接留言或扫下方二维码关注公众号。也可以添加 happyzjp 微信受邀加入学习社群,我们会尽力为你解答。



作者:路条编程(转载请获本公众号授权,并注明作者与出处)



文章转载自路条编程,如果涉嫌侵权,请发送邮件至:contact@modb.pro进行举报,并提供相关证据,一经查实,墨天轮将立刻删除相关内容。

评论