【JavaScript】学习第三天(switch语句、循环结构)

分支语句之switch语句

SWITCH 条件分支结构

  • 也是条件判断语句的一种
  • 是对于某一个变量的判断
  • 语法:
  switch (表达方式) {
    
    
       case 表达方式:
              代码块
           break;
       case 表达方式:
              代码块
           break;
       case 表达方式:
               代码块
           break;
       case 表达方式:
               代码块
           break;
       default:
           break;
     }
  • 要判断某一个变量 等于 某一个值得时候使用

例子:根据变量给出的数字显示对应选项

 var x = prompt('请输入1234中的一个');// 1 2 3 4
    switch (x) {
    
    
        case "1":
            alert("这是A选项")
            break;
        case "2":
            alert("这是B选项")
            break;
        case "3":
            alert("这是C选项")
            break;
        case "4":
            alert("这是D选项")
            break;
        default:
            alert('没有匹配到')
            break;
    }
注意点:
  • switch后的表达式一般是一个变量
  • case后的表达式一般是个常量
  • if多分支一般针对范围进行比较
  • swicth一般针对于指定的值进行比较

循环结构

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

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

      1. 初始化
      2. 条件判断
      3. 要执行的代码
      4. 自身改变
    

WHILE循环

  • while ,中文叫 当…时,其实就是当条件满足时就执行代码,一旦不满足了就不执行了
  • 语法 while (条件) { 满足条件就执行 }
  • 因为满足条件就执行,所以我们写的时候一定要注意,就是设定一个边界值,不然就一直循环下去了
// 1. 初始化条件
 var num = 0;
// 2. 条件判断
 while (num < 10) {
    
    
// 3. 要执行的代码
 console.log('当前的 num 的值是 ' + num) 
// 4. 自身改变
 num = num + 1 
 }
  • 如果没有自身改变,那么就会一直循环不停了

DO WHILE 循环

  • 是一个和 while 循环类似的循环
  • while 会先进行条件判断,满足就执行,不满足直接就不执行了
  • 但是 do while 循环是,先不管条件,先执行一回,然后在开始进行条件判断
  • 语法: do { 要执行的代码 } while (条件)
// 下面这个代码,条件一开始就不满足,但是依旧会执行一次 do 后面 {} 内部的代码
var num = 10
do {
    
    
    console.log('我执行了一次')
    num = num + 1 
    } while (num < 10)

FOR 循环

  • 和 while 和 do while 循环都不太一样的一种循环结构
  • 道理是和其他两种一样的,都是循环执行代码的
  • 语法: for (var i = 0; i < 10; i++) { 要执行的代码 }
// 把初始化,条件判断,自身改变,写在了一起
for (var i = 1; i <= 10; i++) {
    
    
   // 这里写的是要执行的代码
   console.log(i) 
 }

// 控制台会依次输出 1 ~ 10
  • 这个只是看起来不太舒服,但是用起来比较好用

BREAK 终止循环

  • List item在循环没有进行完毕的时候,因为我设置的条件满足,提前终止循环
  • 比如:我要吃五个包子,吃到三个的时候,不能在吃了,我就停止吃包子这个事情
  • 要终止循环,就可以直接使用 break 关键字
for (var i = 1; i <= 5; i++) {
    
    
 // 没循环一次,吃一个包子
 console.log('我吃了一个包子') 
 // 当 i 的值为 3 的时候,条件为 true,执行 {} 里面的代码终止循环 
 // 循环就不会继续向下执行了,也就没有 4 和 5 了 
 if (i === 3) {
    
    
     break
      } 
    }

CONTINUE 结束本次循环

  • 在循环中,把循环的本次跳过去,继续执行后续的循环
  • 比如:吃五个包子,到第三个的时候,第三个掉地下了,不吃了,跳过第三个,继续吃第四个和第五个
  • 跳过本次循环,就可以使用 continue 关键字
for (var i = 1; i <= 5; i++) {
    
    
 // 当 i 的值为 3 的时候,执行 {} 里面的代码 
 // {} 里面有 continue,那么本次循环后面的代码就都不执行了 
 // 自动算作 i 为 3 的这一次结束了,去继续执行 i = 4 的那次循环了
  if (i === 3) {
    
    
     console.log('这个是第三个包子,掉地下了,我不吃了')
     continue 
   }
   console.log('我吃了一个包子') 
 }

猜你喜欢

转载自blog.csdn.net/wu12378900/article/details/121664850