javaScript第三天(1)

03-JavaScript基础

1.核心知识点

  1. 分支语句 【重点】
  2. 断点调试 [查看程序逻辑的一个技能]
  3. 循环语句[重点 ☆☆☆]

2.今日学习目标

  1. 能够掌握条件判断分支语句
  2. 能够掌握switch分支语句
  3. 能够掌握三元表达式分支语句
  4. 能够掌握循环语句

条件判断(分支)

语法

//单条件表达式if ( 条件表达式【布尔类型的结果】 ) { 
       
   	    逻辑代码。。。
       
     }else {
       
         逻辑代码。。。
     } 

//多条件表达式if ( 条件表达式 ) {
    
	}else if ( 条件表达式 ) {
    
    }else {
        
    }

执行过程

1. 单条件条件判断代码执行过程:
	 ✔ 先进行表达式结果判断 
     ✔ 如果结果是true, 程序只会执行if中的语句,不会执行else中的语句
	 ✔ 如果结果是false, 程序只会执行else中的语句,不会执行if中的语句

javaScript第三天(1)_第1张图片

断点调试


课堂案例

  1. 接收用户输入两个数字,求两个数的最大数。

  2. 接收用户输入一个数字,判断一个数是偶数还是奇数
  
  3. 当点击确定,弹出消息提示“您已退出” 当点击取消  弹出消息“您已取消退出”
  
作业:

   1. 判断一个年份是闰年还是平年
      闰年:能被4整除,但不能被100整除的年份 或者 能被400整除的年份

   2. 依据一个人的年龄判断是否成年(大于18岁)
   
   3. 一个加油站为了鼓励车主多加油,所以加的多有优惠。
      92号汽油,每升6元;如果大于20升,那么超出部分每升5.995号汽油,每升7元;如果大于30升,那么超出部分每升6.95
      编写JS程序,用户输入自己的汽油编号,然后输入自己加多少升,弹出价格。
      
   4.  收先接收用户输入的用户名,判断该用户名是否是admin,如果不是直接程序终止,如果是那么再次提示让用户输入密码,如果密码是88888,那么提示登录成功,否则提示登录失败。

    5.分数转换,把百分制转换成ABCDE   <60  E  60-70 D  70-80 C  80-90 B  90 - 100 A

三元运算

语法

   表达式 ?  结果1 :  结果2 

执行过程

  	✔ 先判断表达式的结果是 true还是false
  	✔ 如果结果是true ,那么代码执行 结果1
  	✔ 如果结果是false,那么代码执行 结果2
  	
  	?  ====> 相当与条件判断中的if
  	:  =====> 相当于else

课堂案例(使用三元运算的方式解决)

1:接收用户输入的数字,判断是奇数还是偶数
2:当点击确定,弹出消息提示“您已退出”  当点击取消  弹出消息“您已取消退出”
3:从两个数中找最大值
4:从三个数字中找最大值

switch语句

语法

switch ( 变量 ) {
    case1:
        代码语句..
     break;
    case2:
        代码语句...
    break;
    default:    
    break;
}

执行过程

 总结:
	 1. 如果在程序中要表示一个范围,那么推荐使用条件判断
     2. 如果程序中表示的是一个具体的值, 可以用switch语句
  注意:
	//1. switch 后面的变量数据类型必须和 case 后面的值数据类型保持一至
	//2. break语句必须加

课堂案例

☞ 根据用户输入月份,显示对应的季节(例如:3,4,5为春季)

☞ 根据用户输入数字,显示对应星期数
	
   例如:用户输入数字1 ,显示 周一

☞ 李四的年终工作评定,如果定为A,则工资涨500,如果定为B,则工资涨200,如果定为C,工资不变,如果	 定为D级工资降200,如果定为E级工资降500.
设李四的原工资为5000,请用户输入李四的评级,然后显示李四来年的工资.

循环

 ☞  循环:  重复的再做一件事件
 
 	✔ 当条件满足的时候,执行循环代码
    ✔ 条件不满足的时候,不会执行循环代码

javaScript第三天(1)_第2张图片

  • while循环

语法

while(条件表达式) {
    代码(循环体)
}

执行过程

 1.  先条件判断结构是 true 还是 false
 2.  如果是true,那么程序会一直执行循环体中的代码
 3.  如果条件为false,那么程序会立即跳出循环体代码结束执行

课堂案例

1.1100 之间的所有数字输出到控制台中
2.1100之间的所有是3的倍数的值找出来,在控制台中输出
3.1100之间的数字和。在控制台中输出(50504. 首先接收用户输入用户名和密码,只要用户名不是admin或者密码不是888就一直提示要求重新输入,如果正确则提登录成功.
5. 请将150中所有的奇数并求和,在控制台中输出!【输出1-50之间的所有奇数,输出1-50中所有奇数的和】
  • do while 循环

语法

do {
    循环体代码
}while(条件表达式)

执行过程

 ☞  先执行循环体代码
 ☞ 然后判断条件
 ☞ 如果条件为true,继续执行循环体代码
 ☞ 如果条件为false,循环体代码立即结束,跳出循环


 与while循环的区别:
 	 1. 如果条件不满足,do while循环会比while循环多执行一次
     2. 如果条件满足,do while循环和while循环执行的次数是一样一样的。

课堂案例

1.1100之间的所有是3的倍数找出来,在控制台中输出
2.1100之间的数字和。在控制台中输出
3. 首先接收用户输入用户名和密码,只要用户名不是admin或者密码不是888就一直提示要求重新输入,如果正确则提登录成功.
4. 请将150中所有的奇数并求和,在控制台中输出!

for 循环

语法

for(变量初始化; 条件 ; 变量自增) {}

课堂案例

1. 计算1100的和 
2.1100之间所有是6的倍数的数字输出到控制台中
3. 在页面中打印 两行每行中有10*
4. 在页面中打印直角三角形
5. 在页面中打印99乘法表

作业:	
6. 输入班级人数(比如5),然后依次输入学员成绩
    1. 计算班级学员的总成绩
    2. 计算班级的平均成绩
	优化第6个题目:  
     	1 。判断用户输入的班级人数是不是数字 。判断用户输入的学生成绩是不是数字
            2. 如果用户输入的班级学生人数不是数字,程序直接提示退出即可
            3. 如果用户输入的班级人数是数字,那么判断用户输入的学生成绩是不是数字,如果不是数字,提示用户,并程序退出,否则继续计算最后结果

在这里插入图片描述
javaScript第三天(1)_第3张图片

javaScript第三天(1)_第4张图片

javaScript第三天(1)_第5张图片

  • continue和break

continue语句执行及特点

 ☞ 立即跳出本次循环,继续下一次循环(本次循环体 continu 之后的 代码 就都少执行这一次)
 
 ☞ 通俗理解: 吃5个包子,第3个掉地下了,就扔掉第3个,继续吃第4个第5个包子。
 
  1. 求整数1100的累加值,要求跳过所有个位为3的数

break语句执行及特点

 ☞  理解跳出整个循环(循环结束),开始执行 循环后面的代码
 ☞  通俗理解:  吃5个包子,吃到第3个吃饱了,就不再吃后面的包子。
 
 1. 求整数1100的累加值,要求碰到3的倍数则停止累加 

你可能感兴趣的:(Javascript)