JS 的分支语句与循环语句

102 阅读3分钟

JS的分支语句

1.if分支语句

语法:

if(条件){满足条件的时候执行的代码,如果不满足,这里边的代码永远不执行}

条件最终会返回一个布尔值,如果为真,那么会执行对应的代码;如果为假,那么不会执行

if分支语句的基本写法

// if(条件){要执行的代码}
    if(a===1){  //如果a===1,这个条件成立,那么会执行打印1
      console.log(1)
    }

if...else的嵌套写法

// if...else的嵌套写法
    var a=100
    if(a===1){
      console.log(1)
    }
    else if(a===2){
      console.log(2)
    }
    else{
      console.log('不等于1或者2')
    }
运行流程:

首先判断a是否等于1,如果满足条件,直接打印1,并结束这个分支

如果不满足,会进入下一个分支的判断,判断a是否等于2,如果满足条件,直接打印2,并结束这个分支

最后结尾的else分支 只会在前边所有的条件都不满足的时候,才会执行,前边如果有一个条件成立,那么else就不会执行。

2.switch分支语句

和if相同,也属于条件分支语句

语法:

switch(要判断的变量){
   case情况1:
     情况1要执行的代码  
     break; 
   case情况2:
     情况2要执行的代码  
     break;  
   default:
     上述情况都不满足的时候输出 
   }

判断逻辑:判断的变量 是否===case上说明的情况

注意: switch...case在判断时,执行的是全等,也就是===

所以数据类型不同时,也不会正确执行

3.穿透现象

switch在书写的时候,如果不写break会出现穿透现象

找到第一个满足的case的时候,开始执行这个代码

执行完毕如果没有break会继续执行下一个case

直到遇到一个break或者分支语句全部执行完毕

4.三元表达式

别名:三目表达式   三目运算符  三目  问号冒号表达式

语法:条件?条件为真时执行的代码:条件为假时执行的代码

意义:对if分支语句做一个简化操作

注意:不管条件真还是假,代码都只能写一行

JS的循环语句

什么是循环语句:根据给出的某些条件,重复执行一段代码

意义:帮助我们去执行重复的代码

循环语句:
    1.初始化
    2.条件判断
    3.要执行的代码
    4.改变自身(改变初始化的内容)
    

1.while循环

语法:while(条件){满足条件时执行的代码}

2.do……while循环

所有循环语句,都是基于某一个条件去重复的执行某一段代码

如果条件不成立, 直接结束循环

  do...while 循环是一个类似 while 的循环语句

   while 循环在开始的时候, 会先判断条件是否成立 然后决定是否执行代码

   do...while 循环在开始第一次的时候, 不会判断条件, 也就是说, 不管条件成功与失败, 第一次都会执行

3.for循环

也是循环语句的一种,但是语法上和另外两个不同!

语法:

for(1.初始化;  2.条件;  3.改变自身){4.循环要执行的代码}

目前for循环的使用场景来看,要稍微多一点,但不代表可以完全替代while循环或者do...while循环

4.流程控制

通过两个关键字,可以起到控制循环的一个作用,这就是流程控制

1.break(结束掉整个循环 不管循环后边还有几轮)

2.continue(跳出当前这一轮循环,直接开始下一轮循环)

5.循环嵌套

循环里面嵌套一个或多个循环

for循环嵌套的实质就是:外层for循环控制循环的高度(行数);内层for循环控制循环的宽度(列数)。