From e62cd7fd2b12093c1cf91bbc3ded7b5acdf2564b Mon Sep 17 00:00:00 2001 From: qianguyihao Date: Sat, 29 Dec 2018 13:14:57 +0800 Subject: [PATCH] =?UTF-8?q?add:while=E5=BE=AA=E7=8E=AF?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../06-流程控制语句：循环结构（for和while）.md | 175 ++++++++++++++++++ 1 file changed, 175 insertions(+) diff --git a/03-JavaScript基础/06-流程控制语句：循环结构（for和while）.md b/03-JavaScript基础/06-流程控制语句：循环结构（for和while）.md index 47961c0..e33f66e 100644 --- a/03-JavaScript基础/06-流程控制语句：循环结构（for和while）.md +++ b/03-JavaScript基础/06-流程控制语句：循环结构（for和while）.md @@ -1,4 +1,13 @@ + + +## 前言 + +循环语句：通过循环语句可以反复的执行一段代码多次。 + + + + ## for循环 ### for循环的结构 @@ -88,3 +97,169 @@ for循环举例： ``` 死循环。 + + + +## while循环语句 + +### while循环 + +语法： + +```javascript +while(条件表达式){ + 语句... +} +``` + +执行流程： + +``` +while语句在执行时，先对条件表达式进行求值判断： + + 如果值为true，则执行循环体： + 循环体执行完毕以后，继续对表达式进行判断 + 如果为true，则继续执行循环体，以此类推 + + 如果值为false，则终止循环 +``` + + +**如果有必要的话，我们可以使用 break 来终止循环**。 + + + +### do...while循环 + + + + +语法： + +```javascript + do{ + 语句... + }while(条件表达式) + +``` + +执行流程： + +``` + do...while语句在执行时，会先执行循环体： + + 循环体执行完毕以后，在对while后的条件表达式进行判断： + 如果结果为true，则继续执行循环体，执行完毕继续判断以此类推 + 如果结果为false，则终止循环 + + +``` + + +### while循环和 do...while循环的区别 + + +这两个语句的功能类似，不同的是： + +- while是先判断后执行，而do...while是先执行后判断。 + +也就是说，do...while可以保证循环体至少执行一次，而while不能。 + +### while循环举例1 + + +**题目**：假如投资的年利率为5%，试求从1000块增长到5000块，需要花费多少年？ + +**代码实现**： + +```html + + + + + + + + Document + + + + + + + + + +``` + + +打印结果： + +``` + 5003.18854203379 + + 一共需要33年 +``` + + +另外，你也可以自己算一下，假如投资的年利率为5%，从1000块增长到1万块，需要花费48年： + +``` + +10401.269646942128 +一共需要48年 +``` + + + +## 我的公众号 + +想学习**代码之外的技能**？不妨关注我的微信公众号：**千古壹号**（id：`qianguyihao`）。 + +扫一扫，你将发现另一个全新的世界，而这将是一场美丽的意外： + +![](http://img.smyhvae.com/2016040102.jpg) + + + + + + + + + + + + + + + + + + +