前端初学者的潦草笔记第四弹(开始摆烂)

90 阅读2分钟

JavaScript的分支语句

分支语句可以让我们有选择性的执行想要的代码

1,if分支语句

if 语句

     if (条件表达式) {      // 条件判断
         执行的代码或代码段   // 条判判断为真时,执行
     }

if ... else 语句

     if (条件表达式) {       // 条件判断
         执行的代码或代码段1   // 条判判断为真时,执行
     } else {
         执行的代码或代码段2   // 上述条件判断为假时,执行
     }

if ... else if ... else 语句

     if (条件表达式1) {       // 条件判断
         执行的代码或代码段1   // 条判1判断为真时,执行
     } else if (条件表达式2) {
         执行的代码或代码段2   // 条件1判断为假,条件2判断为真时,执行
     } else {
         执行的代码或代码段3   // 上述条件判断为假时,执行
     }

if分支的语句的判断

从上往下依次检查,查询是否满足条件 如果满足,则仅执行当前分支,其他不执行 如果不满足,则会进行下一个if的判断,成功则执行,不成功继续往下寻找直到最后一个if成功执行,不成功则不执行 最后查看是否有else分支,如果有,且前边所有的if都为假

2,switch分支语句

    switch(条件表达式){
        case 1:
               满足 case 1 时,执行的代码
               break;
        case 2:
               满足 case 2 时,执行的代码
               break;
        default:
               上述代码都未执行时执行的代码
               break;
}

switch case 在做对比的时候,使用 严格的 全等,也就是说会对比数据类型

switch .... case 的穿透现象

当case后没有跟随break时,会从第一个满足条件的case开始执行,一直到最后一个 或者说到后续的最近的一个break

3,三元表达式

true?console.log('条件为真'):console.log('条件为假')

     var num = false
     num == 1
        ? console,log('请求回来的数据为1,满足条件')
        :console.log('请求回来的数据不为1,不满足条件,找后端')

JavaScript的循环语句

循环语句可以帮助我们多次执行某一个代码段


1,while 循环

     var num = 1;          //   初始化条件
     while (num < x){      //   条件判断,不符合时结束代码
    要执行的代码段          //   循环执行的代码段
    num++                  //   改变自身,如果不写,死循环
    }

2,di...while 循环

     var num = 10
     do{
         console.log(1)
         num++
     } while(判断条件)

首次执行、
      1,直接执行{。。。。}代码,
      2,判断条件,如果条件为false,会直接停止循环

while 循环 和 do....while 循环的差异

while 首次执行就判断条件,条件不符合不执行

do....while 首次就执行,不需要判断条件,执行完毕再去判断条件


3,for 循环

js循环语句的一种

for( 1,声明变量(初始化条件);2,判断条件;3,改变自身;){要循环执行的代码}

     for(var num = 1; num < 4; num++; ){
         console.log(1)
     }

4,流程语句

break与continue

break与continue的同异

相同点:break与continue都可以打断循环

不同点:当我们想满足一个条件时,停止整个循环,可以使用break。当我们想满足某一个条件时,停止当前本轮循环,后续的循环正常执行。

5,循环嵌套

两个循环叠在一起

循环嵌套的注意点:外层循环的条件或变量,不能与内层循环的变量相同