【重学JS】坚持学习JavaScript的第四天-条件语句&循环结构

这是我参与8月更文挑战的第4天，活动详情查看：8月更文挑战

巩固学习 JavaScript基础知识, 加深理解记忆, 打牢地基才能筑高楼! 加油!

用自己的理解, 简单有全面概括基础知识点, 大部分内容为白话文内容, 基础中的基础 方便加深理解!

如需更详细了解学习- 推荐查看 MDN-JavaScript 文档, (红宝书/白皮书/蓝皮书/..)进行学习进阶!

更多阅读: 前文更新回顾

【重学 JS】每天学习巩固基础 day1(一)

【重学 JS】每天学习巩固基础 day1(二)

【重学 JS】每天学习巩固基础 day2

预热接上文-继续梳理知识点

1、switch   开关语句

语法结构 ：

switch( 表达式 ){
  case 常量表达式 : 语句;
  case 常量表达式 ：语句;
  ...    
  default :   语句;
}
复制代码

说明 ：

• 1、表达式 一般是一个变量   或一个式子 ，但必须有一个具体的值
• 2、执行逻辑 ： 用表达式的值和 case 后面的常量表达式做比较，如果有满足相等的 case ，就自动执行该 case 及其后面的语句   这种现象叫做 case 穿透
• 3、解决 case 穿透 ： 在 case 语句后面加一个 break 中断
• 4、default 可以省略
• 5、switch 进行比较时 是全等比较  ===   先比较类型再比较值
• 6、default 位置可以移动到 case 前面

2、switch 嵌套

如下所示:

switch( 表达式 ){
  case 常量：
    switch(){
    }
}
复制代码

3、switch 和 if 的使用场景

• 当条件是具体的值是，建议使用 switch

• 当条件是一个范围 ， 建议使用 if else if()

4、选择结构

流程控制语句 :

if( 范围 ){
  表达式...
}else if(){
  表达式...
}

switch( 固定值 ){
  表达式...
}
复制代码

5、循环结构 while

5.1 循环 ： 反复的做某件事

while 循环 ： 当型循环

5.2 语法结构 ：

while (条件) {
  循环体
}
复制代码

5.3 循环的五要素 ：

• 1、循环变量
• 2、循环变量初始值
• 3、循环变量终值（循环条件）
• 4、循环变量的增值（步长）
• 5、循环体（反复做的事）

5.4 执行逻辑 ：

6、循环结构  do…while

do-while: 直到型循环

6.1 语法结构 ：

do {
  循环体
} while (条件)
复制代码

6.2 do-while 执行逻辑：

6.3 while 和 do...while 的区别 ：

while ：先判断条件，在执行循环体，循环体有可能一次也不执行
do...while : 先执行循环体   在判断条件，循环体至少要执行一次

var i = 10
while (i > 11) {
  alert(i)
  i++
}
alert(i) // 10
复制代码

var i = 10
do {
  alert(i) // 10
  i++
} while (i > 11)
alert(i) // 11
复制代码

6.4 do-while 循环解决的类型题目 ：

• 输出题
• 循环求和
• 求个数问题: （1–100 以内有几个奇数）
• 输出图形题

7、 for 循环   （for … in）

7.1 语法结构 ： 

  for(表达式 1; 表达式 2; 表达式 3) {
    循环体
  }
复制代码

表达式 1 ： 一般为循环变量赋初始值

表达式 2 ： 一般循环条件

表达式 3 ： 循环变量增值（步长）

7.2 执行逻辑：（同 while 循环）

8、break 和 continue

• continue ： 结束本次循环   继续执行下一次循环     continue 只能用在循环结构中
• break ：   中断   结束本层循环             break 用在 switch 或循环中

9、死循环  

条件永远成立, 则会形成死循环,就会一直执行下去, 避免!

10、while 和 for 使用场景

• 如果明确循环次数   建议使用 for
• 如果没有明确循环次数   建议使用 while

加油, 追梦人

学习就是一个不断进行的过程, 坚持下去, 定有收获!

日积月累, 巩固基础, 早进大厂!

Calm Down & Carry On!

坚持很不容易, 坚持很久更不容易