JavaScript 分支结构课堂笔记

最新推荐文章于 2020-12-13 18:40:35 发布

王凯华

最新推荐文章于 2020-12-13 18:40:35 发布

阅读量263

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： js 分支结构

本文链接：https://blog.youkuaiyun.com/baidu_39016558/article/details/86316931

JavaScript 专栏收录该内容

35 篇文章

订阅专栏

本文主要探讨JavaScript中的分支结构，包括if语句、多分支语句以及switch...case的使用。通过实例展示了如何根据条件执行不同操作，如成绩判断、年龄判断等。同时，文章还提到了分支语句的嵌套和特殊情况，如switch穿透，以及在实际场景如商场优惠、加油站折扣中的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

window对象是一个顶级对象,所以可以省略

		alert();
		prompt()              返回值      ‘确定’  输入框内容    '取消'   null
		confirm()             返回值

例子
var res=confirm(‘是否删除？’);
console.log(res);
if(res){
console.log(‘点击了确认按钮’);
}else{
console.log(‘点击了取消按钮’);
}


        if语句
        
			语法：
				if(判断条件){
					代码块;
				}
				
			执行规则：
			
				若判断条件为真，则执行代码块

举个小例子：

  var   a=30;
  if(a>20){
  console.log(a);      //30
  }

prompt() 输入框

    var age=5;
	var age=prompt('请输入年龄：');   //带有返回值的函数      将返回值赋值给变量age
	console.log(age);
	if(age>=7){
		console.log('可以入学');
	}

数据类型：

			1.基本(基础、原始)数据类型
			
				string      ''
				number
				boolean     true  1  false  0         '' 0  undefined null 均为假，其它均为真
				undefined
				null
			2.引用类型
				Array Object Date  RegExp  Function
            3.数据类型检测
				typeof             结果为字符串类型
				

			parseInt()
			parseFloat()

		运算符
			算术运算符    + - * / %  ++  --              字符串 +  拼接操作
			比较运算符    > <  >= <= ==  !=  ===
			赋值运算符    =  +=  -=  *= /=  %=
			逻辑运算符    &&  ||  !
			条件运算符    表达式?结果1:结果2
		程序结构
			顺序结构
			分支结构
				if语句
				...
			循环结构

if语句


        if...else

			if(条件判断){
				代码块1;
			}else{
				代码块2;
			}

举个例子：
月考，根据成绩输出结果，若成绩大于80分，则考试通过

     prompt     输入框       点击确定 获取输入框内的值   点击取消  null
       
	 var score=prompt('请输入成绩：');   //输入成绩
	   console.log(score);
	     if(score>80){
	     	document.write('通过考试');
		}

月考，根据成绩输出结果，若成绩大于80分，则考试通过,否则，留级

 var score=prompt('请输入成绩：');
	if(score>80){
		document.write('考试通过');
	}else{
		document.write('留级');
	}

输入年龄判断是否可以入学：

      var age=prompt('请输入年龄：');
	     if(age>7){
		      document.write('可以入学');
	     }else{
		      document.write('幼儿园');
	     }

多分支语句

注意：
1.分支语句只会执行一个分支
2.若if或else只有一句代码，可以省略{}


	if(条件1){
				代码块1;
			}else if(条件2){
				代码块2;
			}
			...
			else if(条件n){
				代码块n;
			}else{
				
			}

根据年龄，输出结果：
0-7 幼儿园
7-14 小学
14岁以上中学

 var age=prompt('请输入年龄：');
	if(age<7){
		console.log('幼儿园');
	}else if(age>=7&&age<14){
		console.log('小学');
	}else{
		console.log('中学');
	}

小明的每周规划：
周一到周五上班，周六去郊游，周日去动物园，
根据今天是星期几，输出小明应该做的事情


	var date=prompt('请输入今天是星期几：(例如：星期一)');

		if(date=='星期日'){
			alert('去动物园');
		}else if(date=='星期六'){
			alert('去郊游');
		}else{
			alert('上班');
		}

		//if(date=='星期一'||date=='星期二'||date=='星期三')
		//if(5=>date>=1)  if(date>=1&&date<=5)
		
		//var date='星期一';
		
		console.log(date);

根据联合国相关组织划分：
0-14岁儿童
14-18岁青少年
18-35岁青年
35-60 中年
60-80 老年
80以上长寿老人
根据用户年龄，输出对应的年龄段


  var age=prompt('请输入年龄：');
		if(age>80){
			document.write('长寿老人');
		}else if(age>60){
			document.write('老人');
		}else if(age>35){
			document.write('中年');
		}else if(age>18){
			document.write('青年');
		}else if(age>14){
			document.write('青少年');
		}else if(age>=0){
			document.write('儿童');
		}else{
			document.write('非法输入');
		}

switch…case


            语法：
 				switch(表达式){
					case 值1:
						代码块1;
					break;
					case 值2:
						代码块2;
					break;
					...
					case 值n：
						代码块n;
					break;
					default:
						代码块;
					break;
				}


				break 结束结构
				值的比较
				全等比较

switch穿透

 var res=prompt('以下变量命名不正确的是：A abc B $abc  C _abc  D  *abc');
	//分支语句
	switch(res){
		case 'A':			
		case 'B':			
		case 'C':
			alert('答案错误');
		break;
		case 'D':
			alert('答案正确');
		break;
		default:
			alert('答案错误');
		break;

输入当前季节

在这里插入代码片var month=prompt('请输入当前是几月，例如：12');
		console.log(month,typeof month);//字符串类型数据
		switch(month){
			case '12':
			case "1":
			case "2":
				alert('冬季');
			break;
			case "3":
			case "4":
			case "5":
				alert('春季');
			break;
			case "6":
			case "7":
			case "8":
				alert('夏季');
			break;
			case "9":
			case "10":
			case "11":
				alert('秋季');
			break;
			default:
				alert('非法输入');
			break;
		}

分支语句的嵌套

例如：
某商场每逢周六有活动，
苹果优惠2毛（原价：5.98元/斤），橙子优惠5毛(原价：4.58元/斤)
根据用户购买的商品数量(用户只买一种水果)，计算需要支付的金额。

        var a=prompt('请输入您要购买的水果：');//水果
		var num=prompt('请输入购买的重量：');//斤
		var date=prompt('请输入今天是星期几？');

		var money;//商品总价

		//价格x数量
		if(date=='周六'){
			//星期六
			if(a=='苹果'){
				money=(5.98-0.2)*num;
			}else{
				//橙子
				money=(4.58-0.5)*num;
			}
		}else{
			//其他
			if(a=='苹果'){
				money=5.98*num;
			}else{
				//橙子
				money=4.58*num;
			}
		}

		//保留小数点后2位
		money=money.toFixed(2);

		console.log('支付的总价为：'+money);

例子：
某加油站每逢周三有优惠，
92号汽油每升优惠5毛，95号汽油每升优惠1块
92： 6.45元/升
95： 7.59元/升
问：车主需要支付多少钱？

        var date=prompt('请输入今天是周几？');
		var oil=prompt('请输入汽油标号：');
		var num=prompt('请输入加入多少升油？');
		var money;

		if(date=='周三'){
			if(oil=='92'){
				money=num*(6.45-0.5);
			}else{	
				//95
				money=num*(7.59-1);
			}
		}else{
			//非星期三
			if(oil=='92'){
				money=num*6.45;
			}else{
				//95
				money=num*7.59;
			}
		}

		console.log('支付的金额为：'+money);