码迷,mamicode.com
首页 > Web开发 > 详细

Js 循环结构

时间:2017-07-09 10:30:49      阅读:184      评论:0      收藏:0      [点我收藏+]

标签:结束   代码段   style   基本   round   meta   blog   javascrip   html   

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

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

循环三要素:

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 循环结构

标签:结束   代码段   style   基本   round   meta   blog   javascrip   html   

原文地址:http://www.cnblogs.com/AmbiguousMiao/p/7139647.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!