JS第二天:JS语句

188 阅读3分钟

程序三大流程

  • 顺序执行:代码从上朝下执行
  • 分支执行:判断语句
  • 循环执行:循环语句

条件判断语句

if语句

  1. 单分支 if(条件){满足条件时执行的js代码}

  2. 双分支

    if(条件) {
      满足条件时执行的js代码
    } else {
      不满足条件时执行这里的代码
    }
    
  3. 多分支语句

    if(条件1) {
      满足条件1时执行的js代码
    } else if(条件2) {
      满足条件2时执行的js代码
    } else {
      所有条件都不满足执行这里的js代码
    }               
    

案例:判断奇偶

案例:两个文本框比较最大数

通过该案例,掌握parseInt()、parseFloat()与Number()的区别

掌握通过算数运算,进行数字的隐式转换。例如:

var str = '10'
var _str = str * 1 // 此时_str的值为10,数据类型为number

三元运算(双分支语句使用)

条件? 当条件成立执行这里的代码 : 当条件不成立执行这里的代码

var a = 20
var b = 50
var sum = a > b ?  a-b : b-a

switch语句

 switch(变量){
   case1:
     满足值1的情况执行这里的js代码;
     break;
   case2:
     满足值2的情况执行这里的js代码;
     break;
   default:
     以上条件都不满足的情况执行这里的js代码;
     break;
 }
  • switch语句比较值用的是全等于,值的内容及数据类型都要一样的情况下才会返回true

    • 当符合条件时,会从符合条件的那一条case语句开始,依次顺序执行
    • 当所有的case都不满足的情况下会执行defalut下面的语句
  • break 跳出switch语句。执行break后,后面的代码不会再执行

案例:显示当月的天数

条件存在范围

switch(true){
  case 条件1:
    js代码;
    break;
  case 条件2:
    js代码;
    break;
  default:
    js代码;
}

案例:成绩判定

循环语句

在给定条件成立时,反复执行某程序段,直到条件不成立为止。

循环结构三大要素

  • 变量初始化
  • 条件
  • 变量更新

注意:编写条件时,要避免出现死循环。

while语句

变量初始化;
while(条件){
  条件满足,执行这里的js代码;
  变量更新;
}

do...while语句

与while语句的区别在于:不管三七二十一,先执行一次。

变量初始化;
do {
  要执行的代码;
  变量更新;
} while(条件)

for循环

for(变量初始化; 条件; 变量更新) {
	要执行的代码;
}

案例:小王入职薪水10K,每年涨幅5%,10年后工资多少?这10年小王赚了多少钱

案例:打印出1000-2000年中所有的闰年,并以每行四个数的形式输出

案例:计算水仙花数

案例:计算阶乘,例如5!=12345;

循环嵌套

案例:九九乘法表

案例:生成表格

break、continue区别

  • break 退出当前整个循环。

    • 循环体中位于break后的语句不会被执行
    • 在多层循环嵌套中,一个break语句只向外跳一层循环
  • continue 跳过本次循环,继续下一次循环。

  • breakcontinue后如果带标识,则跳出标识所在循环

wrap:for(var i=1;i<=4;i++){
   inner:for(var j=1;j<=4;j++){
     if(j == 3){
      break wrap; // 跳出标识所在循环
     }
     console.log(i,j);
   }
 }

\