webcourse/Webcourse
3
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

add:while循环

Browse Source
This commit is contained in:
qianguyihao 2018-12-29 13:14:57 +08:00
parent d4120b5a66
commit e62cd7fd2b
1 changed files with 175 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

175
03-JavaScript基础/06-流程控制语句：循环结构（for和while）.md
View File

@ -1,4 +1,13 @@
## 前言
循环语句：通过循环语句可以反复的执行一段代码多次。
## for循环 ## for循环
### 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)