update:for 循环举例
This commit is contained in:
qianguyihao
parent
e62cd7fd2b
commit
9ceb53e53e
@ -49,9 +49,7 @@ a = 2
|
||||
|
||||
按照代码的先后顺序，依次执行。结构图如下：
|
||||
|
||||
20181227_1200.png
|
||||
|
||||
|
||||
|
||||
|
||||
## if语句
|
||||
|
||||
|
||||
@ -5,12 +5,31 @@
|
||||
|
||||
循环语句：通过循环语句可以反复的执行一段代码多次。
|
||||
|
||||
|
||||
|
||||
|
||||
## for循环
|
||||
|
||||
### for循环的结构
|
||||
### for循环的语法
|
||||
|
||||
语法：
|
||||
|
||||
```
|
||||
for(①初始化表达式; ②条件表达式; ④更新表达式){
|
||||
③语句...
|
||||
}
|
||||
```
|
||||
|
||||
执行流程：
|
||||
|
||||
```
|
||||
①执行初始化表达式，初始化变量（初始化表达式只会执行一次）
|
||||
|
||||
②执行条件表达式，判断是否执行循环：
|
||||
如果为true，则执行循环③
|
||||
如果为false，终止循环
|
||||
|
||||
④执行更新表达式，更新表达式执行完毕继续重复②
|
||||
```
|
||||
|
||||
|
||||
|
||||
for循环举例：
|
||||
|
||||
@ -25,7 +44,7 @@ for循环举例：
|
||||
|
||||
|
||||
|
||||
### for循环遍历
|
||||
### for循环举例
|
||||
|
||||
|
||||
```javascript
|
||||
@ -55,7 +74,7 @@ for循环举例：
|
||||
|
||||
接下来做几个题目。
|
||||
|
||||
题目1：
|
||||
**题目1**：
|
||||
|
||||
```javascript
|
||||
for (var i = 1; i < 10; i = i + 3) {
|
||||
@ -66,7 +85,7 @@ for循环举例：
|
||||
|
||||
输出结果：2、6、10
|
||||
|
||||
题目2：
|
||||
**题目2**：
|
||||
|
||||
```javascript
|
||||
for (var i = 1; i <= 10; i++) {
|
||||
@ -77,7 +96,7 @@ for循环举例：
|
||||
|
||||
输出结果：11
|
||||
|
||||
题目3：
|
||||
**题目3**：
|
||||
|
||||
```javascript
|
||||
for(var i = 1; i < 7; i = i + 3){
|
||||
@ -88,7 +107,7 @@ for循环举例：
|
||||
|
||||
输出结果：7
|
||||
|
||||
题目4：
|
||||
**题目4**：
|
||||
|
||||
```javascript
|
||||
for (var i = 1; i > 0; i++) {
|
||||
@ -128,12 +147,9 @@ while语句在执行时，先对条件表达式进行求值判断：
|
||||
**如果有必要的话，我们可以使用 break 来终止循环**。
|
||||
|
||||
|
||||
|
||||
### do...while循环
|
||||
|
||||
|
||||
|
||||
|
||||
语法：
|
||||
|
||||
```javascript
|
||||
@ -158,14 +174,13 @@ while语句在执行时，先对条件表达式进行求值判断：
|
||||
|
||||
### while循环和 do...while循环的区别
|
||||
|
||||
|
||||
这两个语句的功能类似，不同的是：
|
||||
|
||||
- while是先判断后执行，而do...while是先执行后判断。
|
||||
|
||||
也就是说，do...while可以保证循环体至少执行一次，而while不能。
|
||||
|
||||
### while循环举例1
|
||||
### while循环举例
|
||||
|
||||
|
||||
**题目**：假如投资的年利率为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