js中的条件语句和循环语句

Posted hll1109

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js中的条件语句和循环语句相关的知识,希望对你有一定的参考价值。

在家抗疫,逆战学习!

在js编写程序时我们总是避不开条件语句和循环语句,接下来我们将对条件语句和循环语句来个简单的了解。

一、if条件语句

  基本语法1:if(条件){执行语句}

  当条件为真时,则执行{}内的语句,如果条件不成立,则不着行,程序继续向后执行;

  基本语法2:if(条件){执行语句1}

        else{执行语句2}

  当条件为真,则执行执行语句1,当条件不成立,则执行执行语句2;

  <script>
        var n=1;
        if(n===1){
            console.log("我被执行了")
        }
        else{
            console.log("上面没执行,现在是我执行")
        }
    </script>

技术图片

 

 二、switch语句

  基本语法

    switch(条件){
      case 结果1:{
        执行语句1;
        break;
      }
    case 结果2:{
      执行语句2;
      break;
      }
    ....
    case 结果n:{
      执行语句n;
    break;
    }

    default:执行语句n+1;
  }

当条件等于其中一个结果是,则执行该结果后的执行语句,如都不满足,执行default后的语句。

 

三、for循环

  基本语法:for(初始条件;判断条件;循环条件){

        执行语句

        }

当初始条件满足判断条件,则执行执行语句,然后执行循环条件,当初始条件不满足判断条件时,跳出循环

<script>
    for(var i=0;i<3;i++){
        var n=i+1
        console.log(""+n+"次循环")
    }
</script>

技术图片

 

循环执行了三次,当i=3时,循环停止

 四、while循环

while(判断条件){

  执行语句

}

当判断条件满足,则执行执行语句,否则结束循环;

<script>
    var i=0
    while(i<3){
        var n=i+1
        console.log(""+n+"次循环")
            i++;
    }
</script>

技术图片

 

 执行条件内一定要加能使循环结束的语句,不然会形成死循环。

 

五、do...while循环

  基本语法:do{

        执行语句

        }

  while(判断条件);

先进行do下面的执行语句,在进行条件判断,如果条件成立,继续执行循环,不成立,则结束循环。

 

六、简单运用

下面是一段利用条件和循环语句制作的一个简单的猜数游戏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
    <!-- 获取随机数函数 -->
    function rdmNum(){
        var a=Math.random();
        a=a*100;
        a=Math.floor(a);
        return a;
    }
    alert("请猜一个100以内的数,你一个有7次机会")
    var b=rdmNum();
    var n=0;
    var c=prompt("请输入一个100以内的数","");
    while(b!=c&&n<7){
        if (c<b) {
            alert("你输入的数小了");
            c=prompt("请输入一个100以内的数","");
        }
        else if (c>b) {
            alert("你输入的数大了");
            c=prompt("请输入一个100以内的数","");
        }
        n++;
    }
    var m=n+1;
    if(n==7 && b!=c){alert("很遗憾,你没有猜中,正确答案为"+b);}
    else{alert("你真棒,一共用了"+m+"次猜中。");}
</script>
</html>

 

今天的分享就到此为止!

 

以上是关于js中的条件语句和循环语句的主要内容,如果未能解决你的问题,请参考以下文章

条件语句循环语句

js中的语句讲解 (条件语句和for循环语句)

javascript流程控制语句-循环

js中的4种循环结构

PHP中的流程控制

js - for循环语句