零、文章目录

文章地址

• 个人博客-CSDN地址：https://blog.csdn.net/liyou123456789
• 个人博客-GiteePages：https://bluecusliyou.gitee.io/techlearn

代码仓库地址

• Gitee：https://gitee.com/bluecusliyou/TechLearn
• Github：https://github.com/bluecusliyou/TechLearn

JavaScript基础五、语句

1、表达式和语句

（1）表达式和语句

• 表达式：可以被求值的代码，JavaScript 引擎会将其计算出一个结果。
• 语句：一段可以执行的代码。
• 表达式和语句区别：
  • 表达式：因为表达式可被求值，所以它可以写在赋值语句的右侧。
  • 语句：而语句不一定有值，所以比如 alert() for和break 等语句就不能被用于赋值。

（2）三大流程控制语句

• 顺序结构：从上往下顺序执行代码

• 分支结构：根据条件选择性执行代码

  • If分支语句

  • 三元运算符

  • switch 语句

• 循环结构：重复执行代码

  • while循环
  • for循环

2、分支语句

（1）if分支语句

• if分支语句有三种使用：单分支、双分支、多分支

• 单分支使用语法：

  • 括号内的条件为true时，进入大括号里执行代码

  • 小括号内的结果若不是布尔类型时，会发生隐式转换转为布尔类型

  • 如果大括号只有一个语句，大括号可以省略，但是，俺们不提倡这么做

if单分支语句案例如下：

• 双分支使用语法：

if双分支语句案例如下：

闰年案例如下：

• 多分支使用语法：适合于有多个结果的时候， 比如学习成绩可以分为： 优 良 中 差

  • 先判断条件1，若满足条件1就执行代码1，其他不执行

  • 若不满足则向下判断条件2，满足条件2执行代码2，其他不执行

  • 若依然不满足继续往下判断，依次类推

  • 若以上条件都不满足，执行else里的代码n

  • 注：可以写N个条件，但这里演示只写2个

判断成绩案例案例如下：

（2）三元运算符

• 使用场景： 是比 if 双分支更简单的写法，能够满足简单双分支的需求
• 符号：? 与 : 配合使用
• 语法：

案例如下：

求最大值案例：

数字补0案例：

（5）switch语句

• 找到跟小括号里数据全等的case值，并执行里面对应的代码
• 若没有全等 === 的则执行default里的代码
• 例：数据若跟值2全等，则执行代码2

• 注意事项：
  • switch case语句一般用于等值判断,不适合于区间判断，if适合区间判断
  • switch case一般需要配合break关键字使用 没有break会造成case穿透，也就是从匹配到的值一直往下执行直到break或者结束。

案例如下：

简单计算器案例：

3、循环语句

（1）断点调试

• 作用：学习时可以帮助更好的理解代码运行，工作时可以更快找到bug

• 浏览器打开调试界面

  • 按F12打开开发者工具
  • 点到sources一栏
  • 选择代码文件

• 断点：在某句代码上加的标记就叫断点，当程序执行到这句有标记的代码时会暂停下来

（2）while循环

• while循环： 就是在满足条件期间，重复执行某些代码。

• while 循环基本语法

  • 跟if语句很像，都要满足小括号里的条件为true才会进入 循环体 执行代码

  • while大括号里代码执行完毕后不会跳出，而是继续回到小括号里判断条件是否满足，若满足又执行大括号里的代码，然后再回到小括号判断条件，直到括号内条件不满足，即跳出

  

• while 循环三要素：循环的本质就是以某个变量为起始值，然后不断产生变化量，慢慢靠近终止条件的过程。

  • 变量起始值

  • 终止条件（没有终止条件，循环会一直执行，造成死循环）

  • 变量变化量（用自增或者自减）

案例如下：

while循环练习：

（3）for循环

• **作用：**重复执行代码
• **好处：**把声明起始值、循环条件、变化值写到一起，让人一目了然，它是最常使用的循环形式

案例如下：

for循环练习：

• for循环嵌套：一个循环里再套一个循环，一般用在for循环里

案例如下：

打印五行五列小星星：

打印直角三角形：

99乘法表：

（5）循环退出

• 循环结束：

  • break：退出循环
  • continue：结束本次循环，继续下次循环

• 区别：

  • continue 退出本次循环，一般用于排除或者跳过某一个选项的时候, 可以使用continue
  • break 退出整个循环，一般用于结果已经得到, 后续的循环不需要的时候可以使用

• for和while

  • while(true) 来构造“无限”循环，需要使用break退出循环。

    • for(;😉 也可以来构造“无限”循环，同样需要使用break退出循环。

案例如下：

案例如下：

（6）for遍历数组

数组大于10筛选案例：

数组去0案例：

数组求和以及平均值：

数组最大值最小值：

冒泡排序：

案例如下：

生成柱形图案例：

（7）for遍历对象

• for 遍历对象的问题：

  • 对象没有像数组一样的length属性,所以无法确定长度
  • 对象里面是无序的键值对, 没有规律. 不像数组里面有规律的下标

• for 遍历对象的方法

  • 一般不用这种方式遍历数组、主要是用来遍历对象

  • for in语法中的 k 是一个变量, 在循环的过程中依次代表对象的属性名

  • 由于 k 是变量, 所以必须使用 [ ] 语法解析

  • 一定记住： k 是获得对象的属性名， 对象名[k] 是获得 属性值

案例如下：

遍历数组对象：

渲染学生信息表：

学生信息
将数据渲染到页面中...
学生列表
序号
姓名
年龄
性别
家乡

学成在线精品推荐：

精品推荐
查看全部

4、综合案例