From 9ceb53e53e1fefb9e619c5c3843a7e0323f0a0c3 Mon Sep 17 00:00:00 2001 From: qianguyihao Date: Sat, 29 Dec 2018 14:23:51 +0800 Subject: [PATCH] =?UTF-8?q?update:for=20=E5=BE=AA=E7=8E=AF=E4=B8=BE?= =?UTF-8?q?=E4=BE=8B?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../05-流程控制语句：选择结构（if和switch）.md | 4 +- .../06-流程控制语句：循环结构（for和while）.md | 226 ++++++++++++++++-- 2 files changed, 213 insertions(+), 17 deletions(-) diff --git a/03-JavaScript基础/05-流程控制语句：选择结构（if和switch）.md b/03-JavaScript基础/05-流程控制语句：选择结构（if和switch）.md index dbfab68..b7a0928 100644 --- a/03-JavaScript基础/05-流程控制语句：选择结构（if和switch）.md +++ b/03-JavaScript基础/05-流程控制语句：选择结构（if和switch）.md @@ -49,9 +49,7 @@ a = 2 按照代码的先后顺序，依次执行。结构图如下： -20181227_1200.png - - +![](http://img.smyhvae.com/20181227_1200.png) ## if语句 diff --git a/03-JavaScript基础/06-流程控制语句：循环结构（for和while）.md b/03-JavaScript基础/06-流程控制语句：循环结构（for和while）.md index e33f66e..cc08ac0 100644 --- a/03-JavaScript基础/06-流程控制语句：循环结构（for和while）.md +++ b/03-JavaScript基础/06-流程控制语句：循环结构（for和while）.md @@ -5,12 +5,31 @@ 循环语句：通过循环语句可以反复的执行一段代码多次。 - - - ## for循环 -### for循环的结构 +### for循环的语法 + +语法： + +``` + for(①初始化表达式; ②条件表达式; ④更新表达式){ + ③语句... + } +``` + +执行流程： + +``` + ①执行初始化表达式，初始化变量（初始化表达式只会执行一次） + + ②执行条件表达式，判断是否执行循环： + 如果为true，则执行循环③ + 如果为false，终止循环 + + ④执行更新表达式，更新表达式执行完毕继续重复② +``` + + for循环举例： @@ -25,7 +44,7 @@ for循环举例： ![](http://img.smyhvae.com/20180117_2248.png) -### 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 + + + + + + + + + + + + + + +``` + + +### 练习二：99乘法表 + +代码实现： + +```html + + + + + + + + + + + + + + +``` + +页面效果： + +![](http://img.smyhvae.com/20181229_1410.png) + +### 练习三：质数相关 + +**题目**：打印1~100之间的所有质数 + +代码实现： + +```html + + + + + + + + + + + + + + +``` + +打印结果： + + +![](http://img.smyhvae.com/20181229_1415.png) ## 我的公众号