day03(switch语句；WHILE 循环；DO WHILE 循环；FOR 循环；break 终止循环；continue 结束本次循环)分支语句之switch语句循环结构WHILE 循环DO WHILE 循环FOR 循环break 终止循环continue 结束本次循环

81 阅读 0 评论 54 点赞

我是靠谱客的博主欣慰翅膀，这篇文章主要介绍day03(switch语句；WHILE 循环；DO WHILE 循环；FOR 循环；break 终止循环；continue 结束本次循环)分支语句之switch语句循环结构WHILE 循环DO WHILE 循环FOR 循环break 终止循环continue 结束本次循环，现在分享给大家，希望可以做个参考。

分支语句之switch语句

SWITCH 条件分支结构

复制代码

1
2
3
4
       也是条件判断语句的一种  

       是对于某一个变量的判断

语法：

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
switch (要判断的变量) {
case 情况1:
情况1要执行的代码
break
case 情况2:
情况2要执行的代码
break
case 情况3:
情况3要执行的代码
break
default:
上述情况都不满足的时候执行的代码
}
要判断某一个变量 等于 某一个值得时候使用

例子????：根据变量给出的数字显示是星期几

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
var week = 1
switch (week) {
case 1:
alert('星期一')
break
case 2:
alert('星期二')
break
case 3:
alert('星期三')
break
case 4:
alert('星期四')
break
case 5:
alert('星期五')
break
case 6:
alert('星期六')
break
case 7:
alert('星期日')
break
default:
alert('请输入一个 1 ～ 7 之间的数字')
}

循环结构

循环结构，就是根据某些给出的条件，重复的执行同一段代码

循环必须要有某些固定的内容组成

复制代码

1
2
3
4
5
1. 初始化
2. 条件判断
3. 要执行的代码
4. 自身改变

WHILE 循环

while ，中文叫当…时，其实就是当条件满足时就执行代码，一旦不满足了就不执行了

语法 while (条件) { 满足条件就执行 }

因为满足条件就执行，所以我们写的时候一定要注意，就是设定一个边界值，不然就一直循环下去了

复制代码

1
2
3
4
5
6
7
8
9
10
11
// 1. 初始化条件
var num = 0;
// 2. 条件判断
while (num < 10) {
// 3. 要执行的代码
console.log('当前的 num 的值是 ' + num)
// 4. 自身改变
num = num + 1
}
如果没有自身改变，那么就会一直循环不停了

DO WHILE 循环

是一个和 while 循环类似的循环

while 会先进行条件判断，满足就执行，不满足直接就不执行了

但是 do while 循环是，先不管条件，先执行一回，然后在开始进行条件判断

语法： do { 要执行的代码 } while (条件)

复制代码

1
2
3
4
5
6
7
// 下面这个代码，条件一开始就不满足，但是依旧会执行一次 do 后面 {} 内部的代码
var num = 10
do {
console.log('我执行了一次')
num = num + 1
} while (num < 10)

FOR 循环

和 while 和 do while 循环都不太一样的一种循环结构

道理是和其他两种一样的，都是循环执行代码的

语法： for (var i = 0; i < 10; i++) { 要执行的代码 }

复制代码

1
2
3
4
5
6
7
8
// 把初始化，条件判断，自身改变，写在了一起
for (var i = 1; i <= 10; i++) {
// 这里写的是要执行的代码
console.log(i)
}
// 控制台会依次输出 1 ~ 10
这个只是看起来不太舒服，但是用起来比较好用

break 终止循环

break ：中止本层循环

在循环没有进行完毕的时候，因为我设置的条件满足，提前终止循环

比如：我要吃五个包子，吃到三个的时候，不能在吃了，我就停止吃包子这个事情

要终止循环，就可以直接使用 break 关键字
终止本层循环，不再循环

复制代码

1
2
3
4
5
6
7
8
9
10
for (var i = 1; i <= 5; i++) {
// 没循环一次，吃一个包子
console.log('我吃了一个包子')
// 当 i 的值为 3 的时候，条件为 true，执行 {} 里面的代码终止循环
// 循环就不会继续向下执行了，也就没有 4 和 5 了
if (i === 3) {
break
 }
}

continue 结束本次循环

continue: 终止本次循环，继续下一次循环

在循环中，把循环的本次跳过去，继续执行后续的循环

比如：吃五个包子，到第三个的时候，第三个掉地下了，不吃了，跳过第三个，继续吃第四个和第五个

跳过本次循环，就可以使用 continue 关键字

复制代码

1
2
3
4
5
6
7
8
9
10
11
for (var i = 1; i <= 5; i++) {
// 当 i 的值为 3 的时候，执行 {} 里面的代码
// {} 里面有 continue，那么本次循环后面的代码就都不执行了
// 自动算作 i 为 3 的这一次结束了，去继续执行 i = 4 的那次循环了
if (i === 3) {
console.log('这个是第三个包子，掉地下了，我不吃了')
continue
}
console.log('我吃了一个包子')
}