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>

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

目录
相关文章
|
10天前
|
JavaScript 前端开发
JS循环for、for...of、for...in
本文介绍了JavaScript中不同的循环语句,包括传统的`for`循环、`for...of`循环用于遍历数组和类数组对象、`for...in`循环用于遍历对象的属性,并通过示例代码展示了它们的用法和区别。
26 6
JS循环for、for...of、for...in
|
8天前
|
前端开发 JavaScript
前端基础(八)_JavaScript循环(for循环、for-in循环、for-of循环、while、do-while 循环、break 与 continue)
本文介绍了JavaScript中的循环语句,包括for循环、for-in循环、for-of循环、while循环、do-while循环以及break和continue的使用。
26 1
前端基础(八)_JavaScript循环(for循环、for-in循环、for-of循环、while、do-while 循环、break 与 continue)
|
1月前
|
JavaScript 前端开发
JavaScript基础知识-流程控制之for循环
这篇文章讲解了JavaScript中的for循环的基础知识,并通过一个实例演示了如何使用for循环来找出所有的三位水仙花数。
41 6
JavaScript基础知识-流程控制之for循环
|
8天前
|
JavaScript 前端开发 索引
|
1月前
|
JavaScript 前端开发
JavaScript基础知识-forEach循环
关于JavaScript基础知识中forEach循环的介绍。
29 1
JavaScript基础知识-forEach循环
|
21天前
|
JavaScript
js 循环数组取值
js 循环数组取值
|
22天前
|
JavaScript 前端开发
JavaScript while 循环
JavaScript while 循环
13 3
|
2月前
|
大数据 数据处理 分布式计算
JSF 逆袭大数据江湖!看前端框架如何挑战数据处理极限?揭秘这场技术与勇气的较量!
【8月更文挑战第31天】在信息爆炸时代,大数据已成为企业和政府决策的关键。JavaServer Faces(JSF)作为标准的 Java Web 框架,如何与大数据技术结合,高效处理大规模数据集?本文探讨大数据的挑战与机遇,介绍 JSF 与 Hadoop、Apache Spark 等技术的融合,展示其实现高效数据存储和处理的潜力,并提供示例代码,助您构建强大的大数据系统。
31 0
|
2月前
|
JavaScript 前端开发 API
解锁前端开发新境界:Vue.js携手Webpack,打造高效构建流程,你的项目值得拥有!
【8月更文挑战第30天】随着前端技术的发展,模块化与组件化趋势愈发显著。Vue.js 以其简洁的 API 和灵活的组件系统,深受开发者喜爱;Webpack 则凭借强大的模块打包能力成为前端工程化的基石。两者结合,不仅简化了组件编写与引用,还通过模块热替换、代码分割等功能大幅提升开发效率。本文将通过具体示例,展示如何利用 Vue.js 和 Webpack 构建高效、有序的前端开发环境。从安装配置到实际应用,逐步解析这一组合的优势所在。
37 0
|
2月前
|
JavaScript 前端开发
js循环有几种
js循环有几种
31 0
下一篇
无影云桌面