前言
这篇文章本来应该上周发但是上周出了点意外,这周补上。上周的JavaScript学到了分支语句,我们老师的讲课步骤有点迷,话不多说,开整!
一、流程控制语句
1.概述
在一个程序执行过程中,各条语句的执行顺序对程序的结果是有直接影响的。也就是说程序的流程对运行结果有直接影响。在清楚每条语句的执行流程的前提下,才能通过控制语句的执行顺序来实现我们要完成的功能。
2.JavaScript代码块
JavaScript可以分配地组织起来,代码块以左花括号“{”开始,以右花括号“}”结束。
作用:代码块可以将多行语句排成序列依次执行
二、JavaScript流程控制语句
在JavaScript中流程控制语句分为3种结构:
- 顺序结构:顾名思义就是按照顺序从上往倒下去执行代码
- 分支结构(条件结构或选择结构):可以根据条件执行代码就比如if语句等,例:
if(){代码}else{代码}满足条件就不else里的代码 - 循环结构:根据字面意思理解也就是一直循环一个事件,while循环、do…while循环,for循环。例:
for(var i = 0;i<变量名.length;i++){代码}
三、分支结构:条件判断语句
条件判断语句用于基于不同条件来执行不同的动作。通常在写代码时,我们总是需要为不同的决定来执行不同的动作。我们就可以使用条件语句来完成任务。
在JavaScript中,我们使用以下条件语句:
- if语句 - 只有当指定条件为 true时,使用该语句来执行代码
- if…else语句 - 当条件为true时执行代码,当条件为false时执行其他代码
- if…else if…else语句 - 使用该语句来选择多个代码块之一来执行
条件语句:通过判断指定表达式的值来决定执行还是跳过某些语句
语法:
//1、先判断条件是否满足情况
if(条件){
当上面括号里的条件为true时执行的代码
}
//2、if代码块后面还可以跟,还可以跟一个else代码块,表示条件不满足时,所要执行的代码
if(条件){
当上面括号里的条件为true时执行的代码
}else{
当上面括号里的条件不为true时执行的代码
}
//3、多分支语句
if(条件1){
当条件1为true时执行的代码
}else if(条件2){
当条件2为true时执行的代码
}else{
当条件1和条件2都不为true时执行的代码
}
示例:
if-else选择结构:条件是一个范围判断条件运算的结果:true / false
- 单分支
/*语法:
单分支就是只有if,没有else!!!
if(条件){ 条件结果只能是true / false
……
}
*/
//实例:由用户输入一个用户名,如果用户名等于admin,弹出 欢迎
var username=prompt("请输入用户名")
if(username=="admin"){
alert('欢迎')
}
- 双分支
语法:
if(条件1){
当条件1为真时执行的代码
}else{
当条件1为假时执行的代码
}
小案例:由用户输入一个学生的成绩,如果成绩大于60分,在控制台输出及格
如果小于60分 输出不及格
var score = prompt("请输入学生的成绩")
if(score >= 60){
console.log("及格")
}else{
console.log("不及格")
}
- 多重分支
语法:多重分支就是有多个判断条件,写法如下
if(条件1){
条件1为真时 执行的代码
}else if(条件2){
条件2为真时,执行的代码
}else{
条件2为假时,执行的代码
}
//还是刚才的小案例只不过增加了条件:
由用户输入学生成绩,如果大于80分 输出优秀, 如果大于60分输出及格,
如果小于60分输出 不及格
var score=prompt("请输入学生分数")
if(score>80){
console.log("优秀")
}else if(score>=60){
console.log('及格')
}else{
console.log("不及格")
}
- 嵌套分支
语法:嵌套分支就是在if……else里面再写入一对if……else,多层嵌套
我们用一个小项目来加深对嵌套分支的理解:
//加油系统: 由用户分别输入 加油编号 以及 所加升数
92的汽油:默认单价是 9元, 如果所加升数 >30升,则8.5一升
95的汽油:默认单价是 10元,如果所加升数 >35升,则9.7一升
弹出总价格
var number=prompt('输入对应的汽油编号')
var vol=prompt("所加的升数")
if(number==92){
if(vol>30){
var sum=8.5*vol
console.log(sum)
}else{
var sum=9*vol
console.log(sum)
}
}else if(number==95){
if(vol>35){
var sum=9.7*vol
//969.9999999999999 js中 小数点精度问题
console.log(sum)
}else{
var sum=10*vol
console.log(sum)
}
}else{
console.log('对不起,没有您输入的汽油编号')
}
测试结果如下
- 输入两个编号之外的编号
- 输入92编号的运行结果
- 输入95编号的运行结果
写在最后:
世界上最遥远的距离,就是你在if里我在else里,似乎一直相伴却永远分离;
世界上最痴心的等待,就是你是switch我是case,或许永远选不上自己,但是永远相伴。
总结:
- 在任何编程语言中流程控制语句都是非常重要的,编写逻辑基本一致,语法存在不同而已。
- JavaScript中还有Switch语句、while语句、do…while、for语句等。
- 在编程语言中等于是“==”双等号,“=”表示赋值运算符,它不像数学世界中是“=”
以上就是今天带你走进的JavaScript 分支语句的学习
会持续更新中…
原创不易,期待您的点赞关注与转发评论😜😜😜