Js 循环结构

Posted BadGirl_Xiao

tags:

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

循环结构:程序反复执行同一套代码段。遇到结束条件,会结束执行。

没有循环结束条件,永远循环执行——死循环

循环三要素:

1.循环条件:循环继续执行的条件。 一旦循环条件不满足,循环立刻退出~

2.循环变量:用户条件中做判断的变量

循环变量都会向循环退出的趋势变化(不满足循环条件的趋势) ------循环计数器

3.循环体:每次循环要做的事情

while循环:当满足条件时,就继续循环做。。。事

var 循环变量;

while(循环条件){

  循环体;

  迭代变化循环变量;

}

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title></title>
  </head>
  <body>
    <script type="text/javascript">
      //申明循环变量
      var round = 0;
      //先判断条件
      while(round<3){    
        if(round==2){
          console.log("晕");
          break;
        }
        round++;
        console.log(round);
      }
      console.log("停车");
    </script>
  </body>
</html>

 

break:退出结构

while中何时用break:循环条件不满足之前,希望强行退出循环。

如何使用break? 可以放在任何需要退出循环的位置。

实例:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
    </head>
    <body>
        <script type="text/javascript">
            var n=10;
            //循环条件:input!=n&&input!=‘exit‘
            //循环变量:input
            var input=-1;
            while(input!=n&&input!=‘exit‘){
                input=prompt("你猜:");
                if(input!=""){  //防屌丝 不输入
                    if(input=="exit"){
                        console.log("放弃了");
                        break;
                    }else{
                        input=parseInt(input);
                        if(n>input){
                            alert("输入小了");
                        }else if(n<input){
                            alert("输入大了");
                        }else{
                            alert("猜对了");
                        }
                    }
                }
                
            }
        </script>
    </body>
</html>

while 中用的循环变量基本都是全局变量中的。

随机数:Math.random():0<=n<1

任意min--max之间区随机数

 

公式:parseInt((Math.random()*(max-min+1)+min))

例如:60 -- 100

   0<=n<1

    0<=n*41<41

    60<=parseInt(n*41+60)<=100

 

以上是关于Js 循环结构的主要内容,如果未能解决你的问题,请参考以下文章

js:流程控制(分支结构顺序结构循环结构)

Js 循环结构

JS循环结构

常用python日期日志获取内容循环的代码片段

三个 JS Palette 循环着色器

JS中的循环结构循环嵌套以及函数介绍