Javascript分支语句和循环结构

132 阅读4分钟

分支语句和循环语句

分支语句

  • 我们的js代码都是顺序执行的(从上到下)
  • 逻辑分支就是根据我们设定好的条件来决定要不要执行某些代码

IF条件分支结构(重点)

if语句

  • 通过一个if语句来决定代码是否执行

  • 语法:if(条件) {要执行的代码}

  • 通过()里面的条件是否成立来决定{ }里面的代码是否执行

    //条件为true 的时候执行{}里面的代码
    if(true){
             alert("条件为真,执行")
    }
    //条件为false 的时候执行{}里面的代码
     if(false){
             alert("条件为假,不执行")
    }
    

if slse 语句

  • 通过if条件来决定执行哪一个{ }里面的代码

  • 语法 :if(条件) {条件为true的时候执行} else {条件为false的时候执行}

  • 两个{}语句内的代码一定有一个会执行

    //条件为true的时候,会执行if后面的{}
    if(true){
        条件为true的时候执行}
    else{
        条件为false的时候执行
    }
    //多个if slse
    if(条件){
        语句1}
    else if(条件){
        语句2
    }
    else{
        语句3
    }
    //当前两个都为假,不执行的时候才会执行最后的else

SWITCH条件分支结构(重点)

  • 条件判读语句的一种

  • 对与某一个变量的判断

  • 语法:

    switch(要判断的变量){
            case 情况1:
              情况1要执行的代码
              break  //符合情况1的话执行情况1的代码跳出分支结构
            case 情况2:
              情况2要执行的代码
              break
            case 情况3:
              情况3要执行的代码
              break
            default:
              以上情况都不满足的时候执行的代码
              break;
    }
    
    • 要判断一个变量 等于某个值的时候使用

    • 例子 判断星期几

      var a 
          a = prompt("输入1到7的数")
          
          switch(parseInt(a)){
              case 1 :
                  document.write('今天是星期一')
                  break;
              case 2 :
                  document.write('今天是星期二')
                  break;
              case 3 :
                  document.write('今天是星期三')
                  break;
              case 4:
                  document.write('今天是星期四')
                  break;
              case 5:
                  document.write('今天是星期五')
                  break;
              default:
                  document.write('今天不是工作日')
                break;
      }
      

循环结构

  • 循环结构,就是根据某些给出的条件,重复的执行同一段代码

  • 循环必须要有某些固定的内容组成

    1. 初始化

    2. 条件判断

    3. 要执行的代码

    4. 自身改变

      1. WHILE 循环

        • while,中文叫当...时,其实就是当条件满足时就执行代码,一旦不满足了就不执行了

        • 语法 while(条件){ 满足条件就执行}

        • 因为满足条件就执行,所以我们写的时候一定要注意,就是设定一个边界值,不然就是一个死循环

          //1.初始化
          var num=0
          //2.条件判断
          while(num<10){
              //3.要执行的代码
              console.log('当前的num值是' + num)
              //4.自身改变,步长
              num = num +1
          }
          
      2. DO WHILE循环

        • 是一个和while循环类似的循环

        • while 会先进行条件判断,满足就执行,不满足直接就不执行了

        • 但是do while 循环时,先不管条件,先执行一回,然后在开始进行条件判断

        • 语法: do{要执行的代码} while(条件)

          //下面这个代码,条件一开始就不满足,但是依旧会先执行一次do后面的{}内的语句
          var num =10
          do{
              console.log("执行了一次")
              num = num +1
          }while(num<10)
             
          //注意while 和do while的区别
              while,条件不满足一次也不执行
              do while,会先执行一次在判断是否满足条件,也就是即便条件不满足,也会至少执行一次
          
      3. FOR 循环

        • 和while 和do while 循环都不太一样的一种循环结构

        • 道理是和其他两种一样的,都是循环执行代码

        • 语法 : for( var i= 0;i<10;i++){要执行的代码}

          //把初始化,条件判断,自身改变,写在一起
          for( var i= 0;i<10;i++){
                //要执行的代码
                console.log(i)
          }
          //先执行初始话,然后条件判断,在执行语句内的代码,之后i++,再条件判断
          
          var i= 0
              for(;i<10;){
                //要执行的代码
                console.log(i)
                i++
              }
          

    循环控制语句

    1.BREAK 终止循环

    • 在循环没有进行完毕的时候,因为我设置的条件满足。提前终止循环

    • 比如:我要吃五个包子,吃到第三个的时候,不能再吃了,我就停止了吃包子这个事情

    • 要终止循环,可以直接使用break 关键字

      for(var i =1;i<5;i++){
          //每循环一次吃一个包子
          console.log("我吃了一个包子")
          if(i===3){
              break //吃到第三个吃不下了,提前结束循环,不再吃了
          }
      }
      

    2.CONTINUE 结束本次循环

    • 在循环中,把循环的本次跳过去,继续执行后续的循环

    • 比如:吃五个包子,第三个包子掉到了地上,不吃了,跳过第三个,继续吃第四个第五个

    • 跳过本次循环,就可以使用continue关键字

      for(var i=0;i<=5;i++){
          if(i===3){   //满足i===3 ,就执行里面的代码
              console.log("这是第三个掉地上了,我不吃了")
              continue   //本次循环往后的代码就不执行了。继续执行下一次循环
          }
          console.log("我吃了一个包子")
      }