update:for 循环举例
This commit is contained in:
qianguyihao
parent
e62cd7fd2b
commit
9ceb53e53e
@ -49,9 +49,7 @@ a = 2
|
|||||||
|
|
||||||
按照代码的先后顺序，依次执行。结构图如下：
|
按照代码的先后顺序，依次执行。结构图如下：
|
||||||
|
|
||||||
20181227_1200.png
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
## if语句
|
## if语句
|
||||||
|
|
||||||
|
|||||||
@ -5,12 +5,31 @@
|
|||||||
|
|
||||||
循环语句：通过循环语句可以反复的执行一段代码多次。
|
循环语句：通过循环语句可以反复的执行一段代码多次。
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
## for循环
|
## for循环
|
||||||
|
|
||||||
### for循环的结构
|
### for循环的语法
|
||||||
|
|
||||||
|
语法：
|
||||||
|
|
||||||
|
```
|
||||||
|
for(①初始化表达式; ②条件表达式; ④更新表达式){
|
||||||
|
③语句...
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
执行流程：
|
||||||
|
|
||||||
|
```
|
||||||
|
①执行初始化表达式，初始化变量（初始化表达式只会执行一次）
|
||||||
|
|
||||||
|
②执行条件表达式，判断是否执行循环：
|
||||||
|
如果为true，则执行循环③
|
||||||
|
如果为false，终止循环
|
||||||
|
|
||||||
|
④执行更新表达式，更新表达式执行完毕继续重复②
|
||||||
|
```
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
for循环举例：
|
for循环举例：
|
||||||
|
|
||||||
@ -25,7 +44,7 @@ for循环举例：
|
|||||||
|
|
||||||
|
|
||||||
|
|
||||||
### for循环遍历
|
### for循环举例
|
||||||
|
|
||||||
|
|
||||||
```javascript
|
```javascript
|
||||||
@ -55,7 +74,7 @@ for循环举例：
|
|||||||
|
|
||||||
接下来做几个题目。
|
接下来做几个题目。
|
||||||
|
|
||||||
题目1：
|
**题目1**：
|
||||||
|
|
||||||
```javascript
|
```javascript
|
||||||
for (var i = 1; i < 10; i = i + 3) {
|
for (var i = 1; i < 10; i = i + 3) {
|
||||||
@ -66,7 +85,7 @@ for循环举例：
|
|||||||
|
|
||||||
输出结果：2、6、10
|
输出结果：2、6、10
|
||||||
|
|
||||||
题目2：
|
**题目2**：
|
||||||
|
|
||||||
```javascript
|
```javascript
|
||||||
for (var i = 1; i <= 10; i++) {
|
for (var i = 1; i <= 10; i++) {
|
||||||
@ -77,7 +96,7 @@ for循环举例：
|
|||||||
|
|
||||||
输出结果：11
|
输出结果：11
|
||||||
|
|
||||||
题目3：
|
**题目3**：
|
||||||
|
|
||||||
```javascript
|
```javascript
|
||||||
for(var i = 1; i < 7; i = i + 3){
|
for(var i = 1; i < 7; i = i + 3){
|
||||||
@ -88,7 +107,7 @@ for循环举例：
|
|||||||
|
|
||||||
输出结果：7
|
输出结果：7
|
||||||
|
|
||||||
题目4：
|
**题目4**：
|
||||||
|
|
||||||
```javascript
|
```javascript
|
||||||
for (var i = 1; i > 0; i++) {
|
for (var i = 1; i > 0; i++) {
|
||||||
@ -128,12 +147,9 @@ while语句在执行时，先对条件表达式进行求值判断：
|
|||||||
**如果有必要的话，我们可以使用 break 来终止循环**。
|
**如果有必要的话，我们可以使用 break 来终止循环**。
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
### do...while循环
|
### do...while循环
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
语法：
|
语法：
|
||||||
|
|
||||||
```javascript
|
```javascript
|
||||||
@ -158,14 +174,13 @@ while语句在执行时，先对条件表达式进行求值判断：
|
|||||||
|
|
||||||
### while循环和 do...while循环的区别
|
### while循环和 do...while循环的区别
|
||||||
|
|
||||||
|
|
||||||
这两个语句的功能类似，不同的是：
|
这两个语句的功能类似，不同的是：
|
||||||
|
|
||||||
- while是先判断后执行，而do...while是先执行后判断。
|
- while是先判断后执行，而do...while是先执行后判断。
|
||||||
|
|
||||||
也就是说，do...while可以保证循环体至少执行一次，而while不能。
|
也就是说，do...while可以保证循环体至少执行一次，而while不能。
|
||||||
|
|
||||||
### while循环举例1
|
### while循环举例
|
||||||
|
|
||||||
|
|
||||||
**题目**：假如投资的年利率为5%，试求从1000块增长到5000块，需要花费多少年？
|
**题目**：假如投资的年利率为5%，试求从1000块增长到5000块，需要花费多少年？
|
||||||
@ -236,6 +251,189 @@ while语句在执行时，先对条件表达式进行求值判断：
|
|||||||
```
|
```
|
||||||
|
|
||||||
|
|
||||||
|
## break 和 continue
|
||||||
|
|
||||||
|
> 这个知识点非常重要。
|
||||||
|
|
||||||
|
|
||||||
|
## 各种练习
|
||||||
|
|
||||||
|
|
||||||
|
### 练习一：质数
|
||||||
|
|
||||||
|
**题目**：在页面中接收一个用户输入的数字，并判断该数是否是质数。
|
||||||
|
|
||||||
|
代码实现：
|
||||||
|
|
||||||
|
|
||||||
|
```html
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title></title>
|
||||||
|
<script type="text/javascript">
|
||||||
|
/*
|
||||||
|
质数：只能被1和它自身整除的数，1不是质数也不是合数，质数必须是大于1的自然数。
|
||||||
|
*/
|
||||||
|
|
||||||
|
var num = prompt("请输入一个大于1的整数:");
|
||||||
|
|
||||||
|
//判断这个值是否合法
|
||||||
|
if (num <= 1) {
|
||||||
|
alert("该值不合法！");
|
||||||
|
} else {
|
||||||
|
|
||||||
|
//先用flag标志位，来保存当前的数的状态
|
||||||
|
//默认当前num是质数
|
||||||
|
var flag = true;
|
||||||
|
|
||||||
|
//判断num是否是质数
|
||||||
|
//获取2-num之间的数
|
||||||
|
for (var i = 2; i < num; i++) {
|
||||||
|
//console.log(i);
|
||||||
|
//判断num是否能被i整除
|
||||||
|
if (num % i == 0) {
|
||||||
|
//如果num能被i整除，则说明num一定不是质数
|
||||||
|
//设置flag为false
|
||||||
|
flag = false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
//如果num是质数则输出
|
||||||
|
if (flag) {
|
||||||
|
alert(num + "是质数！！！");
|
||||||
|
} else {
|
||||||
|
alert("这个不是质数")
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
|
||||||
|
```
|
||||||
|
|
||||||
|
|
||||||
|
### 练习二：99乘法表
|
||||||
|
|
||||||
|
代码实现：
|
||||||
|
|
||||||
|
```html
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title></title>
|
||||||
|
<style type="text/css">
|
||||||
|
body {
|
||||||
|
width: 2000px;
|
||||||
|
}
|
||||||
|
|
||||||
|
span {
|
||||||
|
display: inline-block;
|
||||||
|
width: 80px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<script type="text/javascript">
|
||||||
|
|
||||||
|
/*
|
||||||
|
* 1.打印99乘法表
|
||||||
|
* 1*1=1
|
||||||
|
* 1*2=2 2*2=4
|
||||||
|
* 1*3=3 2*3=6 3*3=9
|
||||||
|
* 1*4=4 2*4=8 3*4=12 4*4=16
|
||||||
|
* ....9*9=81
|
||||||
|
*
|
||||||
|
* 2.打印出1-100之间所有的质数
|
||||||
|
*/
|
||||||
|
|
||||||
|
//创建外层循环，用来控制乘法表的高度
|
||||||
|
for (var i = 1; i <= 9; i++) {
|
||||||
|
//创建一个内层循环来控制图形的宽度
|
||||||
|
for (var j = 1; j <= i; j++) {
|
||||||
|
document.write("<span>" + j + "*" + i + "=" + i * j + "</span>");
|
||||||
|
}
|
||||||
|
|
||||||
|
//输出一个换行
|
||||||
|
document.write("<br />");
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
```
|
||||||
|
|
||||||
|
页面效果：
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
### 练习三：质数相关
|
||||||
|
|
||||||
|
**题目**：打印1~100之间的所有质数
|
||||||
|
|
||||||
|
代码实现：
|
||||||
|
|
||||||
|
```html
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title></title>
|
||||||
|
<script type="text/javascript">
|
||||||
|
|
||||||
|
/*
|
||||||
|
* 打印出1-100之间所有的质数
|
||||||
|
*/
|
||||||
|
|
||||||
|
//打印2-100之间所有的数
|
||||||
|
for (var i = 2; i <= 100; i++) {
|
||||||
|
|
||||||
|
//创建一个布尔值，用来保存结果，默认i是质数
|
||||||
|
var flag = true;
|
||||||
|
|
||||||
|
//判断i是否是质数
|
||||||
|
//获取到2-i之间的所有的数
|
||||||
|
for (var j = 2; j < i; j++) {
|
||||||
|
|
||||||
|
//判断i是否能被j整除
|
||||||
|
if (i % j == 0) {
|
||||||
|
//如果进入判断则证明i不是质数,修改flag值为false
|
||||||
|
flag = false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
//如果是质数，则打印i的值
|
||||||
|
if (flag) {
|
||||||
|
console.log(i);
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
|
||||||
|
```
|
||||||
|
|
||||||
|
打印结果：
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
## 我的公众号
|
## 我的公众号
|
||||||
|
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user