add:while循环

2018-12-29 13:14:57 +08:00 · 2018-12-29 13:14:57 +08:00 · e62cd7fd2b
commit e62cd7fd2b
parent d4120b5a66
1 changed files with 175 additions and 0 deletions
--- 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
+<!DOCTYPE html>
+<html lang="">
+
+<head>
+    <meta>
+    <meta>
+    <meta>
+    <title>Document</title>
+</head>
+
+<body>
+    <script>
+        /*
+         * 假如投资的年利率为5%，试求从1000块增长到5000块，需要花费多少年
+         *
+         * 1000 1000*1.05
+         * 1050 1050*1.05
+         */
+
+        //定义一个变量，表示当前的钱数
+        var money = 1000;
+
+        //定义一个计数器
+        var count = 0;
+
+        //定义一个while循环来计算每年的钱数
+        while (money < 5000) {
+            money *= 1.05;
+
+            //使count自增
+            count++;
+        }
+
+        console.log(money);
+        console.log("一共需要" + count + "年");
+
+    </script>
+</body>
+
+</html>
+
+
+```
+
+
+打印结果：
+
+```
+	5003.18854203379
+
+	一共需要33年
+```
+
+
+另外，你也可以自己算一下，假如投资的年利率为5%，从1000块增长到1万块，需要花费48年：
+
+```
+
+10401.269646942128
+一共需要48年
+```
+
+
+
+## 我的公众号
+
+想学习<font color=#0000ff>**代码之外的技能**</font>？不妨关注我的微信公众号：**千古壹号**（id：`qianguyihao`）。
+
+扫一扫，你将发现另一个全新的世界，而这将是一场美丽的意外：
+
+![](http://img.smyhvae.com/2016040102.jpg)
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+