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>

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

目录
相关文章
|
7月前
|
搜索推荐 Shell
bpmn-js打造最强flowable流程设计器
在企业系统中,流程引擎至关重要。Flowable虽强大,但默认设计器功能有限。本文基于 bpmn-js 打造增强版 Flowable 设计器,支持丰富自定义属性与后端联动。bpmn-js 优势明显:原生支持 BPMN 2.0、可扩展性强、社区活跃。节点涵盖多种事件、任务、网关等,满足复杂业务需求。示例效果可见在线预览。
|
JavaScript 前端开发
JS循环for、for...of、for...in
本文介绍了JavaScript中不同的循环语句,包括传统的`for`循环、`for...of`循环用于遍历数组和类数组对象、`for...in`循环用于遍历对象的属性,并通过示例代码展示了它们的用法和区别。
211 6
JS循环for、for...of、for...in
|
JavaScript 前端开发
js循环有几种
js循环有几种
189 0
|
10月前
|
JavaScript 前端开发
JavaWeb JavaScript ③ JS的流程控制和函数
通过本文的详细介绍,您可以深入理解JavaScript的流程控制和函数的使用,进而编写出高效、可维护的代码。
218 32
|
JavaScript
js 循环数组取值
js 循环数组取值
290 122
|
9月前
|
消息中间件 JavaScript 前端开发
最细最有条理解析:事件循环(消息循环)是什么?为什么JS需要异步
度一教育的袁进老师谈到他的理解:单线程是异步产生的原因,事件循环是异步的实现方式。 本质是因为渲染进程因为计算机图形学的限制,只能是单线程。所以需要“异步”这个技术思想来解决页面阻塞的问题,而“事件循环”是实现“异步”这个技术思想的最主要的技术手段。 但事件循环并不是全部的技术手段,比如Promise,虽然受事件循环管理,但是如果没有事件循环,单一Promise依然能实现异步不是吗? 博客不应该只有代码和解决方案,重点应该在于给出解决方案的同时分享思维模式,只有思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您
|
监控 JavaScript 算法
深度剖析 Vue.js 响应式原理:从数据劫持到视图更新的全流程详解
本文深入解析Vue.js的响应式机制,从数据劫持到视图更新的全过程,详细讲解了其实现原理和运作流程。
|
前端开发 JavaScript
前端基础(八)_JavaScript循环(for循环、for-in循环、for-of循环、while、do-while 循环、break 与 continue)
本文介绍了JavaScript中的循环语句,包括for循环、for-in循环、for-of循环、while循环、do-while循环以及break和continue的使用。
901 1
前端基础(八)_JavaScript循环(for循环、for-in循环、for-of循环、while、do-while 循环、break 与 continue)
|
JavaScript
js动画循环播放特效源码(上班族的一天)
js动画循环播放特效是一段实现了包含形象的卡通小人吃、睡、电脑工作的网页动画,js循环动画,简单的画面设计。非常丝滑有意思,欢迎对此代码感兴趣的朋友前来下载参考。
137 2
|
JavaScript 前端开发 索引

热门文章

最新文章