来了,JavaScript学习之分支语句

前言

这篇文章本来应该上周发但是上周出了点意外,这周补上。上周的JavaScript学到了分支语句,我们老师的讲课步骤有点迷,话不多说,开整!


一、流程控制语句

1.概述

在一个程序执行过程中,各条语句的执行顺序对程序的结果是有直接影响的。也就是说程序的流程对运行结果有直接影响。在清楚每条语句的执行流程的前提下,才能通过控制语句的执行顺序来实现我们要完成的功能。

2.JavaScript代码块

JavaScript可以分配地组织起来,代码块以左花括号“{”开始,以右花括号“}”结束。

作用:代码块可以将多行语句排成序列依次执行

二、JavaScript流程控制语句

在JavaScript中流程控制语句分为3种结构:

  1. 顺序结构:顾名思义就是按照顺序从上往倒下去执行代码
  2. 分支结构(条件结构或选择结构):可以根据条件执行代码就比如if语句等,例:
    if(){代码}else{代码}满足条件就不else里的代码
  3. 循环结构:根据字面意思理解也就是一直循环一个事件,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){
当条件1true时执行的代码
}else if(条件2){
当条件2true时执行的代码
}else{
当条件1和条件2都不为true时执行的代码
}

示例:

if-else选择结构:条件是一个范围判断条件运算的结果:true / false

  1. 单分支
/*语法:
单分支就是只有if,没有else!!!
if(条件){ 条件结果只能是true / false
 ……
}
*/
//实例:由用户输入一个用户名,如果用户名等于admin,弹出 欢迎
	var username=prompt("请输入用户名")
	if(username=="admin"){
  	alert('欢迎')
     }

在这里插入图片描述
在这里插入图片描述

  1. 双分支

语法:
  if(条件1){
	当条件1为真时执行的代码
  }else{
	当条件1为假时执行的代码
  }

小案例:由用户输入一个学生的成绩,如果成绩大于60分,在控制台输出及格
如果小于60分 输出不及格
	var score = prompt("请输入学生的成绩")
    if(score >= 60){
	console.log("及格")
    }else{
	console.log("不及格")
   }

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述在这里插入图片描述

  1. 多重分支
语法:多重分支就是有多个判断条件,写法如下
  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("不及格")
	  }

在这里插入图片描述在这里插入图片描述
在这里插入图片描述在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

  1. 嵌套分支
语法:嵌套分支就是在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('对不起,没有您输入的汽油编号')
		}

测试结果如下

  1. 输入两个编号之外的编号

在这里插入图片描述
在这里插入图片描述

  1. 输入92编号的运行结果
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
  2. 输入95编号的运行结果
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

写在最后:

世界上最遥远的距离,就是你在if里我在else里,似乎一直相伴却永远分离;

世界上最痴心的等待,就是你是switch我是case,或许永远选不上自己,但是永远相伴。

总结:

  • 在任何编程语言中流程控制语句都是非常重要的,编写逻辑基本一致,语法存在不同而已。
  • JavaScript中还有Switch语句、while语句、do…while、for语句等。
  • 在编程语言中等于是“==”双等号,“=”表示赋值运算符,它不像数学世界中是“=”

以上就是今天带你走进的JavaScript 分支语句的学习
会持续更新中…
原创不易,期待您的点赞关注与转发评论😜😜😜

  • 4
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 4
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

星辰♚

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值