JS中的循环

1.循环的概念和意义
  • 循环语句

  

  • 循环的意义:
      计算机是个傻子,没有七情六欲,不会有人类的 感性和思考。当你问他爱吃啥,他不知道,当问他喜欢什么颜色,他也不知道。那我们要计算机干啥呢?
      从远古时期讲,所谓计算机并没有现在这么牛的功能,游戏电影,都是不可能的。只能干一件事: 计算。那么什么是计算呢,为什么不自己计算呢?
      所谓计算,就是 数据的累加,比如1加到100,这些累加都是 重复性的工作,当人处理这些重复性的工作时, 速度有限,但是计算机处理起来 奇快无比,这就是计算机的价值所在。
      发展到今天也是一样,当我们需要计算机的时候,大多数让他干的都是 重复性的工作,这些重复性的工作有着极其相似的代码
      比如,打印10次“hello world”:
 
      document.write("hello world");
      document.write("hello world");
      document.write("hello world”);
      …………
      对于我们来说这样 费时费力,同时也会有很多的 代码冗余,那么这个时候我们应该使用的就是 js中的循环。 
      当然我们也可以不用循环,但是我们需要打印100次“hello world”!

2.while循环和do-while循环的使用
 
  while(条件){
        执行语句
    }
    当条件为true时,会一直重复执行花括号内的执行语句。 注意:千万不要造成死循环
    
    var i = 0;        //计数器
    while(i<10){      //停止的条件
        document.write("hello world”);
        i++;          //改变计数器
    }
 
     注意:为避免死循环,一定要在循环体内改变条件中使用的变量的值
 
    do-while
 
    do{
        当条件为真,执行这里的语句
    }while(条件){
        当条件为假,执行这里的语句
    }
 
    当条件为真时,执行do的语句,当条件为假时,执行while的语句
    do{
        console.log("do的执行语句”);
        i++;
    }while(i<10){
        console.log("while的执行语句");
    }
 
    注意 do-while的改变计数器需要写在do语句中,否则会造成死循环。
 
     while和do-while的区别?
    do-while无论结果为真还是为假,都会执行一次

3.continue关键字 和 break关键字的使用
  continue和break都是用来控制循环结构的,主要是用来停止循环。
  continue表示终止本次循环,还执行后面的循环。也可以理解成 跳过本次循环中剩下的语句,执行下一次循环
  break表示完全结束一个循环,跳出循环体执行循环后面的语句。

4.for循环的使用
    for(语句1;语句2;语句3){
        需要执行的代码块
    }
 
    语句1:在循环体开始前执行---- 计数器
    语句2:循环的条件-------- 停止的条件
    语句3:在循环体被执行后执行--- 改变计数器
 
    for(var i = 0; i < 10; i++){
        console.log(1);
    }
    
    注意在for循环中语句之间用“;”隔开。
 
     小技巧:在知道执行次数时用for,在无法判断循环次数时用while

5.死循环的概念和作用
无法靠自身控制结束的循环,称为死循环
 不知道要循环几次的问题,利用死循环的原理,每次判断一个条件,直到满足条件,利用break跳出循环
 
但是可以利用死循环的原理,解决一些问题:
案例:篮球从5米高的地方掉下来,每次弹起的高度是原来的30%,经过几次弹起,篮球的高度是0.1米。
  var i = 0;
    var h = 5;
    while(true){
        h = h * 0.3;
        i ++;

        if(h < 0.1){
            console. log(i)
            break;
        }
    }

6.for循环的嵌套
  外层循环控制行
     内层循环控制列
     循环的嵌套:解决多行多列的结构
 
使用document.write()打印九九乘法表:

    for(var i=1;i<=9;i++){
        for(var j=1;j<=i;j++){
            document.write(j + "*"+ i +"=" + i*j + "&nbsp;&nbsp;&nbsp;&nbsp;");
        }
        document.write("<br>")
    }

猜你喜欢

转载自www.cnblogs.com/wu0379/p/11438330.html