JavaScript基础知识-流程控制之while循环

简介: 这篇文章介绍了JavaScript中的while循环和do...while循环的基础知识,并通过一个实际案例演示了如何使用while循环计算投资增长到特定金额所需的年数。

作者:尹正杰
版权声明:原创作品,谢绝转载!否则将追究法律责任。

一.JavaScript源代码

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>流程控制之while循环</title>
        <script type="text/javascript">
            /**
             *     循环语句:
             *         通过寻呼那语句可以反复执行一段代码多次。
             * 
             *     while循环语法如下:
             *         while(条件表达式){
             *             语句...
             *         }
             * 
             *     while语句执行流程如下:
             *        1>.先对条件表达式进行求值判断;
             *        2>.如果值为true,则执行循环体,循环体执行完毕以后,继续对表达式进行判断,如果为true则继续执行循环体,依次类推...
             *        3>.如果值为false,则终止循环。
             * 
             * 
             * 
             * 
             *     do...while循环语法如下:
             *         do{
             *             语句...
             *         }while(条件表达式)
             * 
             *    do...while语句执行流程如下:
             *        1>.先执行循环体完毕以后,再对while后的条件表达式进行判断;
             *        2>.如果结果为true,则继续执行循环体,循环体执行完毕以后,继续对表达式进行判断,如果为true则继续执行循环体,依次类推...
             *        3>.如果值为false,则终止循环。
             *     
             *     温馨提示:
             *         实际上两种循环语句功能类似,不同的是"while"是先判断后执行,而"do...while"先执行后判断。
             *         综上所述,"do...while"可以保证循环体至少执行一次而while不能。
             * 
             *     案例实战:
             *         假设投资的年利率为5%,试求从1000块增长到5000块,需要花费多少年。
             *         
             */

            //定义一共变量,表示当前的钱数
            var money = 1000;

            //定义一个计数器,统计需要的年数
            var year_count = 0;

            //定义一个while循环来计算每年的钱数。
            while(money < 5000){
                money *= 1.05;
                year_count++;
            }

            document.write("一共需要" + year_count + "年");
        </script>
    </head>
    <body>
    </body>
</html>

二.浏览器打开以上代码渲染结果

目录
相关文章
|
2月前
|
JavaScript 前端开发
JS循环for、for...of、for...in
本文介绍了JavaScript中不同的循环语句,包括传统的`for`循环、`for...of`循环用于遍历数组和类数组对象、`for...in`循环用于遍历对象的属性,并通过示例代码展示了它们的用法和区别。
37 6
JS循环for、for...of、for...in
|
23天前
|
JavaScript 前端开发
js循环有几种
js循环有几种
28 0
|
2月前
|
前端开发 JavaScript
前端基础(八)_JavaScript循环(for循环、for-in循环、for-of循环、while、do-while 循环、break 与 continue)
本文介绍了JavaScript中的循环语句,包括for循环、for-in循环、for-of循环、while循环、do-while循环以及break和continue的使用。
47 1
前端基础(八)_JavaScript循环(for循环、for-in循环、for-of循环、while、do-while 循环、break 与 continue)
|
2月前
|
JavaScript 前端开发
JavaScript基础知识-流程控制之for循环
这篇文章讲解了JavaScript中的for循环的基础知识,并通过一个实例演示了如何使用for循环来找出所有的三位水仙花数。
45 6
JavaScript基础知识-流程控制之for循环
|
2月前
|
JavaScript 前端开发 索引
|
2月前
|
JavaScript 前端开发
JavaScript基础知识-forEach循环
关于JavaScript基础知识中forEach循环的介绍。
40 1
JavaScript基础知识-forEach循环
|
26天前
|
JavaScript
自动循环提交js
自动循环提交js
13 0
|
2月前
|
JavaScript
js 循环数组取值
js 循环数组取值
|
2月前
|
JavaScript 前端开发
JavaScript while 循环
JavaScript while 循环
14 3
|
缓存 JavaScript 前端开发
JavaScript 的几种循环方式
学习过程中将笔记整理跟大家分享,希望对大家也有所帮助,共同成长进步💪~ >如果大家喜欢,可以点赞或留个言哦💕~~~~,谢谢大家⭐️⭐️⭐️~~~
97 0