diff --git a/03-JavaScript基础/05-流程控制语句：选择结构（if和switch）.md b/03-JavaScript基础/05-流程控制语句：选择结构（if和switch）.md index b7a0928..7ba35a2 100644 --- a/03-JavaScript基础/05-流程控制语句：选择结构（if和switch）.md +++ b/03-JavaScript基础/05-流程控制语句：选择结构（if和switch）.md @@ -341,25 +341,6 @@ switch语句也叫条件分支语句。 -## break和continue - - -### break - -- break可以用来退出switch语句或**整个**循环语句（循环语句包括for、while。不包括if。if里不能用break，否则会报错）。 - -- break会立即终止离它最近的那个循环语句。 - - -### continue - -- continue可以用来跳过**当次**循环。 - -- 同样，continue默认只会离他最近的循环起作用。 - - - - ## 我的公众号 想学习**代码之外的技能**？不妨关注我的微信公众号：**千古壹号**（id：`qianguyihao`）。 diff --git a/03-JavaScript基础/06-流程控制语句：循环结构（for和while）.md b/03-JavaScript基础/06-流程控制语句：循环结构（for和while）.md index cc08ac0..29ce4e3 100644 --- a/03-JavaScript基础/06-流程控制语句：循环结构（for和while）.md +++ b/03-JavaScript基础/06-流程控制语句：循环结构（for和while）.md @@ -256,10 +256,71 @@ while语句在执行时，先对条件表达式进行求值判断： > 这个知识点非常重要。 +### break + +- break可以用来退出switch语句或**整个**循环语句（循环语句包括for、while。不包括if。if里不能用 break 和 continue，否则会报错）。 + +- break会立即终止离它**最近**的那个循环语句。 + +- 可以为循环语句创建一个label，来标识当前的循环（格式：label:循环语句）。使用break语句时，可以在break后跟着一个label，这样break将会结束指定的循环，而不是最近的。 + + +**举例1**：通过 break 终止循环语句 + +```javascript + for (var i = 0; i < 5; i++) { + console.log('i的值:' + i); + if (i == 2) { + break; // 注意，虽然在 if 里 使用了 break，但这里的 break 是服务于外面的 for 循环。 + } + } + +``` + +打印结果： + +``` +i的值:0 +i的值:1 +i的值:2 +``` + + +**举例2**：label的使用 + +```javascript + outer: + for (var i = 0; i < 5; i++) { + console.log("外层循环 i 的值：" + i) + for (var j = 0; j < 5; j++) { + break outer; // 直接跳出outer所在的外层循环（这个outer是我自定义的label） + console.log("内层循环 j 的值:" + j); + } + } + +``` + + +打印结果： + +``` +外层循环 i 的值：0 +``` + + + +### continue + +- continue可以用来跳过**当次**循环。 + +- 同样，continue默认只会离他**最近**的循环起作用。 + + + ## 各种练习 -### 练习一：质数 +### 练习一：质数相关 **题目**：在页面中接收一个用户输入的数字，并判断该数是否是质数。 @@ -320,64 +381,7 @@ while语句在执行时，先对条件表达式进行求值判断： ``` -### 练习二：99乘法表 - -代码实现： - -```html - - - - - - - - - - - - - - -``` - -页面效果： - -![](http://img.smyhvae.com/20181229_1410.png) - -### 练习三：质数相关 +### 练习二：质数相关 **题目**：打印1~100之间的所有质数 @@ -435,6 +439,65 @@ while语句在执行时，先对条件表达式进行求值判断： ![](http://img.smyhvae.com/20181229_1415.png) + +### 练习三：99乘法表 + +代码实现： + +```html + + + + + + + + + + + + + + +``` + +页面效果： + +![](http://img.smyhvae.com/20181229_1410.png) + + ## 我的公众号 想学习**代码之外的技能**？不妨关注我的微信公众号：**千古壹号**（id：`qianguyihao`）。 @@ -446,18 +509,3 @@ while语句在执行时，先对条件表达式进行求值判断： - - - - - - - - - - - - - - - diff --git a/README.md b/README.md index 090e2cf..06461ce 100644 --- a/README.md +++ b/README.md @@ -20,6 +20,6 @@ PS：如果你发现文中的图片加载不出来，不妨[看这里](https://g - 进群暗号：前端学习 -- 进群要求：爱分享（长期潜水的，就不必了） +- 进群要求：热爱分享（长期潜水的，就不必了）