js基础知识 —— 控制语句的使用

一、分支语句

根据我们设置好的条件，然后来决定执行哪些代码

1. if分支语句

if 分支语句语法:

if (条件) {满足条件的时候执行的代码, 如果不满足, 这里边的代码永远不执行}
- 条件最终会返回一个布尔值 (true / false)

  // if 分支语句的基本写法
    var a = 3
    // if (条件) {要执行的代码}
    if (a === 1) {  // 如果 a === 1 这个条件成立, 那么会执行打印 1
        console.log(1)
    }
    if (a === 2) {  // 如果 a === 2 这个条件成立, 那么会执行打印 2
        console.log(2)
    }
    
// if...else... 的嵌套写法
    var a = 3
    if (a === 1) {
        console.log(1)
    } else if (a === 2) {
        console.log(2)
    } else {
        console.log('a 不等于 1或者2')
    }

2. awitch分支语句

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

    //基本语法
    switch (要判断的变量) {
        case 情况1:
            情况1要执行的代码
             break;
         case 情况2:
             情况2要执行的代码
              break;
        }

switch 再书写的时候如果不写 break 会出现 穿透现象
- 穿透现象：找到第一个满足的 case 的时候, 开始执行这个代码，执行完毕如果没有 break 会继续执行下一个 case，直到遇到一个 break 或者分支语句全部执行完毕

3. 三元表达式

别名: 三目表达式 / 三目运算符 / 三目 / 问号冒号表达式
语法：条件 ? 条件为真时执行的代码 : 条件为假时执行的代码

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

注意：不管条件真还是假的代码，都只能写一行！！！

    // 规定 如果 num === 1 那么代表为男性  num 不等于 1 的时候代表为 女性
    var num = 2 
    var gender = num === 1 ? '男' : '女'
    console.log(gender)  //女

二、循环语句

帮助我们去执行重复的代码
循环语句必写的四步：
- 1. 初始化
- 1. 条件判断
- 1. 要执行的代码
- 1. 改变自身(改变初始化的内容)
所有循环语句，都是基于某一个条件去重复的执行某一段代码，如果条件不成立, 直接结束循环。

1. while循环

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

    var num = 0               //1. 初始化
    while (num < 1000) {      //2. 小括号内的是 条件判断
    console.log(1)            //3. 要执行的代码
    num++                     //4. 改变自身
    }

2. do...while循环

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

    var num = 10
    do {
        console.log(num)   // 要执行的代码
        num--
    } while (num < 5)

3.for 循环

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

     for (var n = 0; n < 3; n++) {
            console.log(n) 
        }

4.循环嵌套语句

注意: 外层循环的变量与内层循环的变量不要相同

      for (var i = 1;i < 5;i++){
          for (var a = 3;a >=1;a--){
            console.log(a,'次执行')
          }
      console.log('i的值为',i)
    }

三、流程控制语句

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

1.break

结束掉整个循环, 不管循环是否结束

  for (var a = 1;a <= 5;a++){
  console.log('不满足break条件，一直执行')
  if(a == 2){
    break  //遇到break则停止循环，只循环两次
  }
}

2. continue

跳出当前这一轮循环, 直接开始下一轮循环

for (var b=1;b <= 5;b++){
  if(b == 3){
    console.log('不执行这一轮的循环，从b=4继续执行')
    continue   //不执行下面的循环了，重新执行循环
  }
  console.log('除了第三次不执行，其他都执行')
}

浅识js —— 控制语句

js基础知识 —— 控制语句的使用

一、分支语句

二、循环语句

三、流程控制语句