JavaScript如何使用While实现循环语句

发布时间:2022-02-19 14:31:05 作者:小新
来源:亿速云 阅读:194

这篇文章给大家分享的是有关JavaScript如何使用While实现循环语句的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

While 循环
只要指定条件为 true,循环就可以一直执行代码。

<!DOCTYPE html>
<html>
<body>
<p>点击下面的按钮,只要 i 小于 5 就一直循环代码块。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction() {
    var x="",i=0;
    while (i<5) {
        x=x + "The number is " + i + "<br>";
        i++;
    }
    document.getElementById("demo").innerHTML=x;
}
</script>
</body>
</html>

注释:While 循环会在指定条件为真时循环执行代码块。本例中只要变量 i 小于 5,循环将继续。
提示:如果您忘记增加条件中所用变量的值,该循环永远不会结束。该可能导致浏览器崩溃。

do/while 循环
do/while 循环是 while 循环的变体。
该循环会执行一次代码块,然后再检查条件是否为真,如果条件为真的话,就会重复这个循环。
使用 do/while 循环,循环至少会执行一次,即使条件是 false,代码块会在条件被测试前执行:

<!DOCTYPE html>
<html>
<body>
<p>点击下面的按钮,只要 i 小于 5 就一直循环代码块。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction() {
    var x="",i=0;
    do {
        x=x + "The number is " + i + "<br>";
        i++;
    }
    while (i<5)  
    document.getElementById("demo").innerHTML=x;
}
</script>
</body>
</html>

提示:别忘记增加条件中所用变量的值,否则循环永远不会结束!

比较 for 和 while
如果您已经阅读了前面那一章关于 for 循环的内容,您会发现 while 循环与 for 循环很像。
for 语句实例
本例中的循环使用 for 循环来显示 cars 数组中的所有值:

<!DOCTYPE html>
<html>
<body>
<script>
    cars=["BMW","Volvo","Saab","Ford"];
    var i=0;
    for (;cars[i];) {
        document.write(cars[i] + "<br>");
        i++;
    }
</script>
</body>
</html>

while 语句实例
本例中的循环使用使用 while 循环来显示 cars 数组中的所有值:

<!DOCTYPE html>
<html>
<body>
<script>
    cars=["BMW","Volvo","Saab","Ford"];
    var i=0;
    while (cars[i]) {
        document.write(cars[i] + "<br>");
        i++;
    }
</script>
</body>
</html>

感谢各位的阅读!关于“JavaScript如何使用While实现循环语句”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!

推荐阅读:
  1. while 循环语句
  2. PHP循环语句详解 while, for, foreach, do while

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

javascript while

上一篇:怎么用JavaScript做俄罗斯方块游戏

下一篇:JavaScript怎么添加注释

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》